Chris Hoffman wrote:
> On 4/8/07, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote:
>
>
>> No, the computed height of the inline element (the amount of
>> background-colour that will be applied) depends on/includes the line-
>> height.
>>
>
> But.... If I set line-height to 16px, with font-size remaining at
> 12px, I get a gap between the lines.
>
> and re: setting font-size in pixels: I realize all the potential
> problems, and am very much an em-man myself :).
>
> Chris
>
>
Line height is not the same as font size. With a font size of 12 px,
the line height will be approx. 14.4px, or 1.2 times the font size. It
depends on your operating system and user agent, amongst other things.
You have to allow for the ascenders and descenders in the font, so the
total line height is more than the font size. Therefore, setting the
line height to 14px is actually too small and the text will actually
overlap a little bit. Lastly, if you mix bold and regular weight
elements, the computed line height will be larger to encompass the
larger elements. The best way to specify line height is to just specify
a number, which acts like a scaling factor.
p {
line-height: 1.5;
}
This will always make the line height 1.5 times the font size, even for
child elements that might inherit other font sizes. It evens things
out. I usually use 1.25 and this gives consistent results across most
user agents and os's.
Lori
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
