etcl : template for css for two column layout
Posted by sarneil on 15 Nov 2012 in Activity log
DS wanted a block of html with css that could be dropped in anywhere to provide a two-column GUI element within a larger structure. The simplest deal we could come up with was this html:
<div class="container">
<div class="leftcolumn"><p>text for left column goes here</p></div>
<div class="rightcolumn"><p>text for right column goes here</p></div>
<div class="clear"></div>
</div>
and this css:
.leftcolumn { width: 49%; float: left}
.rightcolumn { width: 49%; float: right}
.clear { clear: both;}