CSS Line-height Property

From http://www.w3schools.com (Copyright Refsnes Data)

# CSS line-height Property

Complete CSS Reference

## Definition

The line-height property sets the distance between lines.

Inherited: Yes

Note: Negative values are not allowed.

## JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.lineHeight="2"

In our HTML DOM tutorial you can find more details about the lineHeight property.

In our HTML DOM tutorial you can also find a full Style Object Reference.

## Example

p
{
line-height: 1.4
}

p
{
line-height: 14pt
}

p
{
line-height: 140%
}

## Possible Values

Value | Description
--- | ---
normal | Default. Sets a reasonable distance between lines
number | Sets a number that will be multiplied with the current font-size to set the distance between the lines
length | Sets a fixed distance between the lines
% | Sets a distance between the lines in % of the current font size

## Try-It-Yourself Demos

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

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.

Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)