This DIV is floating left with a width of 50%, and this paragraph has a 5em top margin. I think the margin should be carried outside the float, but it should exist.
Text text text text text text text text text text text text text text text text text text text text text text text text. Text text text text text text text text text text text text text text text text text text text text text text text text. Text text text text text text text text text text text text text text text text text text text text text text text text.
This paragraph has clear: left with a top margin of 1em. This margin should be expanded so that the top of this paragraph is below the above float. Thus this paragraph should begin 1em below the float.
This paragraph has clear: left with a top margin of 1em. This margin should be expanded so that the top of this paragraph is below the above float. Thus this paragraph should begin 0em below the float.
This paragraph has clear: left with a top margin of 0em. This margin should be expanded so that the top of this paragraph is below the above float. Thus this paragraph should begin 1em below the float.
This is text before the div
.
div
has a margin-top of 5em.
this is text before the div
.
This div
has a margin-top of 5em, as does the
paragraph within the div
that contains this text.
They should collapse, outside of the div
.