Break line height css

Css line break width

span { 
    display:block;
    width:150px;
    word-wrap:break-word;
}

Source: stackoverflow.com

Break line height css

<!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>

Source: geeksforgeeks.org

Similar codes

2 votes258 views1 answer
Td colspan all
Html
11 votes255 views4 answers
Bootstrap progress bar
Html
0 vote249 views1 answer
Hand cursor not showing in anchor tag when hover html
Html
17 votes262 views5 answers
Innerhtml jquery
Html
4 votes236 views1 answer
Html input autofocus
Html
0 vote250 views1 answer
This src jqery
Html
5 votes235 views2 answers
Html u tag
Html
0 vote255 views1 answer
How to add two radio button in html
Html
0 vote257 views1 answer
Html overflow with span
Html
1 vote258 views1 answer
Vue for loop if last
Html