> Your margin under the h1 is the correct size. You've set it to 1em, and 
> a 1em margin on a significantly bigger h1 is going to be bigger than on 
> the smaller p. If you want a smaller margin there, set it to a smaller 
> value, like .5em.

If your h1 element is set to 1.4em and that (through math) equates to 
14px... and your p element is set to 1em and that equates to 10px, then 
1em margin (top, bottom or whatever) will equal 14px for the heading and 
10px for the paragraph. Remember, it's the font-size of each element 
that determines what 1em equals... use px instead if you must have the 
same space exactly beneath both elements... otherwise, the math could 
get ugly.
On the other hand, using em allows the spacing to be proportional to the 
  font-size of the element, so I wouldn't worry about it, but do what 
Zoe said, and make a "proportional" adjustments for your heading and 
paragraph margins.

And don't forget that vertically adjacent margin collapse can intervene 
to make things appear unexpectedly different from what you planned 
(vertically adjacent margins collapse to the larger of the two values, 
even with nested elements, if no border or content appears between them)


Donna Casey
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

Reply via email to