Two Column

Two column layout

by pphheerroonn

HTML

<div id="container">
  <div class="twoCol">
    <div class="colOne">
      <div>some stuff</div>
      <div>more stuff</div>
      </div>
    <div class="colTwo">
      <div>some stuff</div>
      <div>more stuff</div>
    </div>
    </div><!--endTwoCol-->
  </div><!--endContainer-->

CSS

#container{width: 600px;}
.twoCol {   
  overflow:auto;
  width: 100%;
  border: 1px solid black; 
  margin: 1em auto;
}

.colOne, .colTwo {
  width: 40%; 
  margin:5px; 
  padding: 1em;
}

.colOne { float:left; }
.colTwo { float:right; }