Line Height

CSS provides the ability to adjust the line height between lines of text. In other words, when creating a web page or blog, you can specify the space between each line of text. In desktop publishing circles, this is known as "leading". This article shows you how to adjust the line height in your HTML documents.

To adjust the line height of your text, you need to use the CSS line-height property. The value that you provide determines the line height - the space between each line.

Below are some examples using different values for the line-height property.

Line Height Examples

Here are examples of the different value types that you can specify on the line-height property. For example, if you write line-height:30px, you are specifying that the line height should be 30 pixels.