html - Simplifying table into div -

<table border="1" width="800"> <tr> <td colspan="2">1</td> <td colspan="2">1</td> </tr> <tr> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> </table> 

i'm having troubles simplifying table div tags.. help?

a simple example be:

html

<div class="container">  <div class="col-4">       1      </div>   <div class="col-4">       1      </div>      <div class="col-2">       1     </div>     <div class="col-2">       1     </div>     <div class="col-2">       1     </div>     <div class="col-2">       1     </div> </div> 

css

.container {width:800px;} .col-2, .col-4 {float:left;} .col-4 {width:400px;} .col-2 {width:200px;} 

demo: http://jsfiddle.net/er6g3/