Question

I have to follow divs:

   <div id="cont">
      <div class="row">
        <div class="col">1</div>
        <div class="col">example.com</div>
        <div class="col">text1</div>                   
        <div class="col"><b>text1</b></div>
      </div>  
      <div class="row">
        <div class="col">2</div>
        <div class="col">example2.com</div>
        <div class="col">text2</div>                   
        <div class="col"><b>text2</b></div>
      </div>  
    </div>

I would like to understand how to write the css for this “table”.

i think class="col" needs float:left (becase each div must to be consecutive, horizontally), but how to

write class="row" ?

EDIT: I don’t want a table, I wrote “table” because I need the same think of:

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

but I need to do that only using divs.

Answer 1

I think your css should be:

.row{
    display:block;
}

.col{
    display:inline-block;
    width:200px;/*for example*/
}