div main forces the columns to squeeze up together.
Column One

The content allows us padding without having to worry about messing up the primary column layout.

Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating.
Column Two

This column is made to wrap around column one. Notice that the padding between the floating column 1 is none existant.
This is a great example if you have an image with text wrapping around it.

Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating. Alot of text repeating.
clear both tells the floats to STOP above us!