Appearance:
line-height: <value>
Possible Values:
normal | <number> | <length> | <percentage>
Initial Value:
normal
Applies to:
All elements
Inherited:
Yes

The line-height property will accept a value to control the spacing between baselines of text. When the value is a number, the line height is calculated by multiplying the element's font size by the number. Percentage values are relative to the element's font size. Negative values are not permitted.

Line height may also be given in the font property along with a font size. The line-height property could be used to double space text:

<style>
li.small {line-height: 100% }
li.medium { line-height: 200% }
li.large { line-height: 300% }
</style>
<ul>
<li class="small">This text is displayed with a normal (100%) line height</li>
<li class="medium">This text is displayed with double (200%) line height</li>
<li class="large">This text is displayed with a large 300% line height</li>
<ul>