Containing floats in block elements
I just wanted to bookmark a really useful page about how to make block elements in CSS expand to contain floated elements.
There are a couple of suggested ways to deal with this on the page but the one I needed today was adding an element to the end of the float that has the style
-
<div id="outer">
-
<img src="elephant.jpg" style="float: left"/>
-
<div style="clear: left;"></div>
-
</div>