You’re viewing an archive of outdated material. Visit The Web Standards Project’s updated site to learn about our current mission.
When line-height is set by percentage, MacIE does not
make the calculated value of the property inherit, rather it
makes the percentage value itself inherit. This causes lines to change
height when they should not.
The following paragraph contains two sizes of text. However,
because the line-height is set by using
percentages, the height of every line should be
exactly the same, that is, 13px.
.test { font-size: 10px; line-height: 130%; }
.bigwords {font-size: 300%; vertical-align: bottom; }
Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. (should not affect line height) Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels. Calculated line height here should be 13 pixels.