Run ❯
Get your
own
website
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> div.a { line-height: normal; } div.b { line-height: 1.6; } div.c { line-height: 80%; } div.d { line-height: 200%; } </style> </head> <body> <h1>The line-height Property</h1> <h2>line-height: normal (default):</h2> <div class="a">This is a paragraph with a standard line-height.<br> The standard line height in most browsers is about 110% to 120%.</div> <h2>line-height: 1.6 (recommended):</h2> <div class="b">This is a paragraph with the recommended line-height.<br> The line height is here set to 1.6. This is a unitless value;<br> meaning that the line height will be relative to the font size.</div> <h2>line-height: 80%:</h2> <div class="c">This is a paragraph with a smaller line-height.<br> The line height is here set to 80%.</div> <h2>line-height: 200%:</h2> <div class="d">This is a paragraph with a bigger line-height.<br> The line height is here set to 200%.</div> </body> </html>
