Konvertieren von HTML-Tabelle in div mit CSS

Question

Ich versuche, dieses Tabellenlayout mit divs zu seinem CSS-Äquivalent zu konvertieren.

<table class="ourwork-table" cellpadding="0" cellspacing="0"> 
    <tr> 
     <td><a href="http://www.google.com"><img src="http://cdn.sixrevisions.com/0476-01-responsive-images-demo/images/image01.jpg" /></a></td> 
     <td><a href="http://www.google.com"><img src="http://cdn.sixrevisions.com/0476-01-responsive-images-demo/images/image01.jpg" /></a></td> 
     <td><a href="http://www.google.com"><img src="http://cdn.sixrevisions.com/0476-01-responsive-images-demo/images/image01.jpg" /></a></td> 
    </tr> 
    <tr> 
     <td><a href="http://www.google.com"><img src="http://cdn.sixrevisions.com/0476-01-responsive-images-demo/images/image01.jpg" /></a></td> 
     <td><a href="http://www.google.com"><img src="http://cdn.sixrevisions.com/0476-01-responsive-images-demo/images/image01.jpg" /></a></td> 
     <td><a href="http://www.google.com"><img src="http://cdn.sixrevisions.com/0476-01-responsive-images-demo/images/image01.jpg" /></a></td> 
    </tr> 
</table> 

Stil für die Tabelle:

.ourwork-table { 
     width:100%; 
    } 

    .ourwork-table img { 
      width: 100%; 
      display:block; 
    } 

Dank

Answer 1

<div class="row"> 
<div class="item"></div> 
<div class="item"></div> 
<div class="item"></div> 
</div> 
<div class="row"> 
<div class="item"></div> 
<div class="item"></div> 
<div class="item"></div> 
</div> 

.row{ 
width: 100% 
} 
.item{ 
display: inline-block; 
float: left; 
width: 33%; 
}