Prev Demo
CSS3
>
Line-Height Property
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <style> .p { line-height: normal; } .q { line-height: 50%; } .r { line-height: 220%; } </style> <strong>Paragraph with normal Line-height.</strong> <p class="p"> Mr. Sheo Narayan is a software professional since 2000.<br/> Mr. Sheo Narayan is a software professional since 2000.<br/> Mr. Sheo Narayan is a software professional since 2000.<br/> Mr. Sheo Narayan is a software professional since 2000.<br/> Mr. Sheo Narayan is a software professional since 2000.<br/> </p> <hr/> <strong>Paragraph with '50%' Line-height.</strong> <p class="q"> Mr. Sheo Narayan is a software professional since 2000.<br/> Mr. Sheo Narayan is a software professional since 2000.<br/> Mr. Sheo Narayan is a software professional since 2000.<br/> Mr. Sheo Narayan is a software professional since 2000.<br/> Mr. Sheo Narayan is a software professional since 2000.<br/> </p> <hr/> <strong>Paragraph with '180%' Line-height.</strong> <p class="r"> Mr. Sheo Narayan is a software professional since 2000.<br/> Mr. Sheo Narayan is a software professional since 2000.<br/> Mr. Sheo Narayan is a software professional since 2000.<br/> Mr. Sheo Narayan is a software professional since 2000.<br/> Mr. Sheo Narayan is a software professional since 2000.<br/> </p> <hr/> <strong>Normal Line height between the two lines is "110% to 120%"</strong> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
