Floats and the BFC

Floated: plenty of text

I am a floated element.

I am text inside the outer box. If there is enough text then the text will wrap around the floated element. The border on the outer will then wrap around the text.

Floated: not enough text

I am a floated element.

I am text inside the outer box.

Floated: with a BFC

I am a floated element.

The outer has overflow: auto.