On Monday 2009-03-09 11:46 +1100, Blake wrote:
> I have the font-size and line-height set on the body, which is fine.
> But then I want to set any STRONG elements to a font-size larger than
> the line-height. In Firefox doing this completely throws out the line
> height.
So what the 'line-height' property does is actually a lot more like
"inline height" than "line height". And that height is always
placed so that the font is centered within it (or, in this case, so
that it is centered within the font, since the line-height is
smaller). So when you have:
##### ##### # # #####
# # # # #
# ##### # # ^
# # # # # |
TEXT # ##### # # # v
with the line heights set to the height of "TEXT", the pieces that
contribute to the size of the line look like this:
######################## ^
|
#### v
so the actual height of the line runs as marked at the right edge of
the diagrams.
-David
--
L. David Baron http://dbaron.org/
Mozilla Corporation http://www.mozilla.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
