line-height

value: normal | <number> | <length> | <percentage> | inherit
initial value: normal
inherited: yes
percentages: will be based on the font size of the element in question
applicable to: all elements (with text)

 The line-height property will add or reduce the space between the lines of text. This will wok on heading tags, paragraph tags, <li> tags in ordered and unordered lists and <td> tags in tables.

The browser or user agent will have a default spacing for the lines of text. Any child elements will inherit the style set for the parent element. You may use just a number, pixels, em or percentages with the line-height property. You may not use negative values. Using a number is similar to using the percentage and is based on the elements font-size.

Example:

p.airytext {line-height: 150%;}

Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party.

 You may wish to adjust the line-height for an element to make it more readable, for dramatic effect or to create a tighter appearance. Note that this property will be interpreted differently on different browsers and for different fonts.

Take Note: The line-height will apply to the space between the lines of text within a single element below the first line. The margins and padding for that element will create more space between the entire block text and the adjoining elements.