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.
Clear
Example 2
With text after the float in the source.
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