Floats with width auto

These test show outer float with width:auto containing an inner float and text.

Example 1

With text before the float in the source.

Float left
Float Left
Float Left
Float Right
Float Right
Float Left
Float Right
Float Right
Clear

Example 2

With text after the float in the source.

Float Left
Float left
Float Right
Float Left
Float Left
Float Right
Float Right
Float Right
Clear

Example 3a

Float left with some text before the inner float
Float Left
Clear

Example 3b

Float Left
Float left with some text after the inner float
Clear

Example 4a

Float right with some text before the inner float
Float Right
Clear

Example 4a

Float Right
Float right with some text after the inner float
Clear

All browsers show different rendering.

Please see calculating widths and margins for Floats - 10.3.5 Floating, non-replaced elements