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: 0.5; } div.b { line-height: 1.6; } div.c { line-height: 2; } </style> </head> <body> <h1>The line-height Property</h1> <p>Here we set the line height to a number. The number will be multiplied with the current font-size to set the line height.</p> <h2>line-height: 0.5:</h2> <div class="a">This is a paragraph with a specified line-height.<br> The line height is here set to 0.5.</div> <h2>line-height: 1.6:</h2> <div class="b">This is a paragraph with the recommended line-height.<br> The line height is here set to 1.6.</div> <h2>line-height: 2:</h2> <div class="c">This is a paragraph with a specified line-height.<br> The line height is here set to 2.</div> </body> </html>
