Modern clearfix

clearfix.css

/* (taken from bootstrap github conversation) */

/* Utility classes */

/* Clearfix */
/* Clearfix for modern browsers */
.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/* Clear fix for IE 6/7 (trigger has layout) */
.cf {
zoom: 1;
}


/* Not clearfix, but extremely useful */ 

.hidden {
	display: none;
}

.fl { float: left;}
.fr { float: right; }