CSS Floats: Rule 5
A floating element's top may not be higher than the top of any earlier floating or block–level element.
Container width: 898px
¶1: 250 × 250
¶2: 100 × 100
¶3: 300 × 300
¶4: 115 × 100
¶5: 73 × 75
This rule won't allow any floated element to ever exceed its parent's top, or to float beyond the top of an earlier floated element.
Consider very carefully the five paragraphs above, each floating as follows:
- ¶1: left
- ¶2: right
- ¶3: left
- ¶4: right
- ¶5: right