I have the following HTML:
<div style="float:left; background-color:#0CC;">Floating Left</div>
<div style="background-color:#03C; color:#FFF;">Not floating</div>
Which appears like this in the browser:

How can I make the “not floating” div appear beneath the floating one?
Just add
clear: both;into your CSS for the non floating element:http://jsfiddle.net/Kyle_Sevenoaks/SnAc9/