Tables using only CSS… not really all that much work, but I am not really sure why it makes so much difference. Basically you have a table structure in DIV tags,
<div class='table'>
<div class='row'>
<div class='cell'>Cell A</div>
<div class='cell'>Cell B</div>
</div>
<div class='row'>
<div class='cell'>Cell C</div>
<div class='cell'>Cell D</div>
</div>
</div>
then you create styles for the classes as follows:
.table {display:table;}
.row {display:table-row;}
.cell {display:table-cell;}
And poof, you have a table without using a table tag. I am not sure that this is “pure” according to designers, but it is a table without using table tags, which seems to be something designers are really hot about these days.



