.section { clear: both; padding: 0; margin: 0; } .col { display: block; float: left; margin: 0 0 0.5em 1%; } .col:first-child { margin-left: 0; } .inset { padding: 0.5em; } .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 49.5%; } .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66.33333333333333%; } .span_1_of_3 { width: 32.66666666666667%; } .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 74.75%; } .span_2_of_4 { width: 49.5%; } .span_1_of_4 { width: 24.25%; } .span_5_of_5 { width: 100%; } .span_4_of_5 { width: 79.8%; } .span_3_of_5 { width: 59.6%; } .span_2_of_5 { width: 39.4%; } .span_1_of_5 { width: 19.2%; } .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .vendor-ie-7 .group { zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif"); } .group { zoom: 1; }