CSS Clearfix Demystified

oldschool clear:both markup

Float
Float
This containing block now fully encloses the floating blocks.

Add this HTML after the floating divs:

<br style="clear:both" />
  1. no clearing
  2. clear:both markup
  3. clearfix
  4. micro clearfix