Line Height Examples

Line Height of 2em

This header and paragraph have the line height set to 2em (200%). As you can see, it is easy to read. Yeah! Reading is cool!

Line Height of 1.5em

This header and paragraph have the line height set to 1.5em (150%). As you can see, it is also easy to read. Reading is cool! Read! Read!

Line Height of 100%

This header and paragraph have the line height set to 100%. As you can see, the lines in the paragraph do not overlap, but the header is a bit too narrow.

Line Height of 50%

This header and paragraph have the line height set to 50%. As you can see, it is hard to read, because the lines are overlapping. This is not good.


Click to validate the HTML code

Click to validate the CSS code