CSS display: table-row and display: table-cell

Using CSS Tables

<style>
.cont {
display: table;
}

.row {
display: table-row;
}

.cell {
display: table-cell;
width: 100px;
border: 1px solid #ccc;
padding: 10px;
}
</style>
<div class=cont>
<div class=row>
<div class=cell>Cell A<br>Cell A</div>
<div class=cell>Cell B</div>
<div class=cell>Cell C</div>
</div>

<div class=row>
<div class=cell>Cell A</div>
<div class=cell>Cell B<br>Cell B<br>Cell B</div>
<div class=cell>Cell C</div>
</div>

<div class=row>
<div class=cell>Cell A</div>
<div class=cell>Cell B</div>
<div class=cell>Cell C<br>Cell C<br>Cell C<br>Cell C</div>
</div>
</div>

Related Posts

Multiple Columns CSS3, CSS3 font face