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: 10px; } div.b { line-height: 30px; } div.c { line-height: 0.5cm; } div.d { line-height: 1cm; } </style> </head> <body> <h1>The line-height Property</h1> <h2>line-height: 10px:</h2> <div class="a">This is a paragraph with a specified line-height.<br> The line height is here set to 10 pixels.</div> <h2>line-height: 30px:</h2> <div class="b">This is a paragraph with a specified line-height.<br> The line height is here set to 30 pixels.</div> <h2>line-height: 0.5cm:</h2> <div class="c">This is a paragraph with a specified line-height.<br> The line height is here set to 0.5 centimeter.</div> <h2>line-height: 1cm:</h2> <div class="d">This is a paragraph with a specified line-height.<br> The line height is here set to 1 centimeter.</div> </body> </html>
