Question

A question about floats and clearing. Here’s the fiddle.
How do I get the text to appear under the red object?
If I use clear: left, the text appears under the black object because it has greater height than the red one.
Is it possible to get that look I’m looking for by using only float and clear?

Answer 1

You need to put red div followed by the h2 tag in a containing div that floats left (you can remove the float:left from the red div. and you can remove the clear:left from h2 🙂

http://jsfiddle.net/XqLFX/