Line Height

The CSS line-height property can be used to increase or decrease text lines of a html page. The line-height values are: normal, number, length, %, initial, inherit.

Line Height properties are:

  • line-height: 30px;
  • line-height: 80%;
  • line-height: 1.5cm;
  • line-height: 3;

Line Height example:

<html>
<head>

</head>
<body>

This is an example of a paragraph to show how it works the css line-height property.
The example it contains four different values for line-height.

This is an example of a paragraph to show how it works the css line-height property.
The example it contains four different values for line-height.

This is an example of a paragraph to show how it works the css line-height property.
The example it contains four different values for line-height.

This is an example of a paragraph to show how it works the css line-height property.
The example it contains four different values for line-height.

</body> </html>

Line Height result:






This is an example of a paragraph to show how it works the css line-height property.
The example it contains four different values for line-height.

This is an example of a paragraph to show how it works the css line-height property.
The example it contains four different values for line-height.

This is an example of a paragraph to show how it works the css line-height property.
The example it contains four different values for line-height.

This is an example of a paragraph to show how it works the css line-height property.
The example it contains four different values for line-height.