Line Height Property

line-height: 2.0em line-height: 2.0
Here is the first div, using the default line height. Note the resulting line spacing, for comparison with the next few blocks of text. The line drawn around this box marks the bounding box for this element (see Figure 7.14 for an explanation of the bounding box).
1
2
3
4
5
6
7
8
9
10
11
Div inside div of class="fix". The line spacing is 2.0 times the parent element font size.
This div is inside the same div, but is of class="small." This reduces the font size to 0.5em of the size in the parent element .Note that the line height is the same as in the preceding div.
Div inside div of class="ratio". The line spacing is 2.0 times the current font size.
This div is inside the same div, but is of class="small." This reduces the font size to 0.5em of hte size in the parent element. Note that the line height is reduced to be 2.0 times the size of the current font!