Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS line-height property</title> <style> p { line-height: 1.5; border: 1px solid #00ff00; } div { line-height: 300%; border: 1px solid #ff0000; } </style> </head> <body> <h1>Play with the line-height property value to see how it works.</h1> <p>The <code>line-height</code> property sets the height between lines of text.<br> The line height of this paragraph is specified using number.</p> <div>The <code>line-height</code> property sets the height between lines of text.<br> The line height of this paragraph is specified using percentage.</div> </body> </html>