<header> <code><header></code> </header> <div class="group"> <code class="default"><section="group"></code> <section> <code><section> <br> float: left;</code> </section> <aside> <code><aside> <br> float: right;</code> </aside> </div> <footer> <code><footer> <br> clear: both;</code> </footer>
code { background: #2db34a; border-radius: 6px; color: #fff; display: block; font: 14px/24px"Source Code Pro", Inconsolata, "Lucida Console", Terminal, "Courier New", Courier; padding: 24px 15px; text-align: center; } .default { background: none; color: #666; } .group:before, .group:after { content:""; display: table; } .group:after { clear: both; } .group { background: #eaeaed; border-radius: 6px; clear: both; *zoom: 1; } .group, header, section, aside, footer { margin: 0 1.5% 24px 1.5%; } section { float: left; width: 63%; } aside { float: right; width: 30%; } footer { margin-bottom: 0; }