<style   type="text/css">   

  <!--   

  .table_tile{   

  text-align:left;   

  height:   20px;   

  width:   25%;   

  float:   left;   

  }   

  .table_tile_{   

  text-align:right;   

  background-color:#0000FF;   

  height:   20px;   

  background-color:#999966;   

  width:   25%;   

  float:   left;   

  }   

  .table_tile_bottom{   

  text-align:left;   

  background-color:#FFF000;   

  height:   20px;   

  width:   25%;   

  float:   left;   

  }   

  -->   

  </style>  

  <div   class="table_tr">   

  <div   class="table_tile">top0</div>   

  <div   class="table_tile_">top1</div>   

  <div   class="table_tile">top2</div>   

  <div   class="table_tile">top3</div>   

  </div>   

  <div   class="table_tr">   

  <div   class="table_tile_bottom">bottom0</div>   

  <div   class="table_tile_bottom">bottom1</div>     

  <div   class="table_tile_bottom">bottom2</div>   

  <div   class="table_tile_bottom">bottom3</div>     

  </div>   

<style>

 .float_left{   

  text-align:left;   

  height:   20px;   

  width:   25%;   

  float:   left;   

  } 

</style>

<div class = "float_left">asdasd</div>

<div class = "float_left">asdasd</div>

<div class = "float_left">why</div>