Three Column

by pphheerroonn

HTML

<div id="container">
  <div class="threeCol">
    <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 class="colThree">
      <div>some more stuff</div>
      <div>even more stuff</div>
    </div>
    </div><!--endThreeCol-->
    
  </div><!--endContainer-->

CSS

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

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

.threeCol .colOne { background: red; float:left; }
.threeCol .colTwo { background: blue; float:left; }
.threeCol .colThree { background: green; float:left; }