css line break width

92

span { 
    display:block;
    width:150px;
    word-wrap:break-word;
}
<!DOCTYPE html >
<html>
  
<head>
    <title>
      Customized break example
  </title>
  
    <style type="text/css">
        .br {
            display: block;
            margin-bottom: 0em;
        }
          
        .brmedium {
            display: block;
            margin-bottom: 1em;
        }
          
        .brlarge {
            display: block;
            margin-bottom: 2em;
        }
    </style>
</head>
  
<body>
  
    <h3>This page shows different 
      break height between lines</h3>
    <p> Hi User
      <span class="brlarge"></span>
      Welcome to
      <span class="brmedium"></span> 
      Geeks for geeks.
      <span class="br"></span> 
      Hope you have enjoyed your stay.
    </p>
    
</body>
  
</html>

Comments

Submit
0 Comments