In CSS, it is possible to set an explicit height on any block-levelelement. If this is done, the resulting behavior is somewhatuncertain. Assume that the specified height is greater than thatneeded to display the content:
<P STYLE="height: 10em;">
In this case, then the extra height is treated somewhat like extrapadding, as depicted in Figure 8-3.and are next to each other in the document tree. For example:
H2 + P {color: silver;}
In the first set of markup, a paragraph immediately follows an
H2, so it is silver. In the second, the element
adjacent to the H2 is a UL,
which does not match the rule, and neither does the paragraph right
after that. Finally, even though there is text directly after the
third H2, it isn't part of an element, so
the paragraph right after the text matches the rule and is colored