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