Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com tests: float/float interaction

Case 1 - adjacent left-floated elements

A left float.
A left float.

That should look like this:

A left float A left float.  

Case 2 - left-floating following right-floating elements

A right float.
A left float.

That should look like this:

A left float. A right float.

Case 3 - elements whose combined width exceeds that of the containing block

This should float to the left.
This should float to the left.
This should be below them - it should not overflow.