4 ms·

Or, to make it _really_ simple: <div class="column">1</div> <div class="column">2</div> <div class="column">3</div> div.column { margin: 10px;

Or, to make it _really_ simple: <div class="column">1</div> <div class="column">2</div> <div class="column">3</div> div.column { margin: 10px; width: 200px; float: left; } EDIT: Missed the key constraint, resizable center column. What I have above won't work for that, but shows that replacing tables isn't very difficult.

yid 15y ago
Nope, not quite. Resize your window to less than 600px and see what happens.
- kerryfalk 15y ago
  You can wrap the above in another div with a width of 660px or greater and it'll have the same effect as a table if the window width is less than the width of the columns (plus margins/padding).