divs like table

by vladkras

HTML

<table>
    <tr>
        <td>One</td>
        <td>Two</td>
        <td>Three</td>
    </tr>        
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>        
</table>
<br />
<div class="table">
    <div class="tr">
        <div class="td">One</div>
        <div class="td">Two</div>
        <div class="td">Three</div>
    </div>        
    <div class="tr">
        <div class="td">1</div>
        <div class="td">2</div>
        <div class="td">3</div>
    </div> 
</div>

CSS

.table {
    display: table;
    border-spacing: 2px;
}
.tr {
    display: table-row;
}
.td {
    display: table-cell;
    padding: 1px;
}
/* Only to show how they look like */
td, .td {
    border: 1px #999 solid;
}