CSS line-height Property

Example

Set the line height in percent:

p.small {line-height:90%}
p.big {line-height:200%}

Try it yourself »

More examples at the bottom of this page.

The line-height property specifies the line height.

Note: Negative values are not allowed.

The line-height property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Value	Description
normal	A normal line height. This is default
number	A number that will be multiplied with the current font size to set the line height
length	A fixed line height in px, pt, cm, etc.
%	A line height in percent of the current font size
inherit	Specifies that the value of the line-height property should be inherited from the parent element

Specify the space between lines using a pixel value
This example demonstrates how to specify the space between the lines in a paragraph using a pixel value.

Specify the space between lines using a number value
This example demonstrates how to specify the space between the lines in a paragraph using a number value.

CSS tutorial: CSS Text

HTML DOM reference: lineHeight property