Creating table using DIV tags

<div class="main"> <div class="col">column1</div> <div class="col">column2</div> <div class="col">column3</div> <div class="col">column4</div> <div class="clear"></div> <div class="col">column1</div> <div class="col">column2</div> <div class="col">column3</div> <div class="col">column4</div> <div class="clear"></div> <div class="col">column1</div> <div class="col">column2</div> <div class="col">column3</div> <div class="col">column4</div> <div class="clear"></div> <div class="col">column1</div> <div class="col">column2</div> <div class="col">column3</div> <div class="col">column4</div> </div>


<style type="text/css" media="all">.main { width: 500px; }.col { float: left; margin: 2px;}.clear { clear: both;}</style>