Floatutorial

Silly name, useful tutorial. An illustration:

Left Float

Right Float

This is an example of a three column block using left and right floats.

The Code:

<div id="containing_block" style="width:90%; margin:2em; padding:4px; background:white; border:1px solid gray;">
<div style="float:left; width:33%; background:red;"><br /><br /><br /></div>
<div style="float:right; width:33%; background:blue;"><br /><br /><br /></div>
<div style="margin:1em 35%; font-size:9px;">This is an example of a three column block using left and right floats.</div>
</div>