Hi Keith,

em is a relative size, usually as big as the letter "m". It will inherit 
settings from parent elements, so 1 em relative to 1.26 em is 1.26 m.
Therefore, the margin of <h1> scales with the font size and is bigger than 
the <p> element.

Change the margin to a fixed size, to get them the same, like 10px, 10pt.

Hope this helps,


Imar


At 09:49 PM 7/29/2001 +0100, you wrote:
>Hi
>
>I'm, setting up a site, using CSS. I'm using em as my unit of measurement,
>so that every thing scales, when visitors change the font size,
>
>however, if i define
>
><style>
>h1 {
>font-family:arial,helvetica,univers,zurich bt;
>font-size:1.26em;
>font-weight:none;
>color:#990066;
>text-decoration:none;
>margin-left:1em;
>}
>
>p {
>width:40em;
>font-size:.8em;
>line-length:1.4em;
>margin-left:1em;
>text-align:justify;
>}
></style>
>
>then even though they both have the same left margin, I get a header that is
>not inline with my paragraph text. This is worse at the extremes of the font
>sizes? Is there a way around this?
>
>the site is at
>http://www.kungfu.uklinux.net/
>
>cheers
>
>Keith