SubhanUllah Posted October 18, 2022 Report Share Posted October 18, 2022 <!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> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.