| 1 | 2 |
| 3 | 4 |
Four cells arranged in a square.
| 1 | 2 |
| 3 | 4 |
Every element here has been changed to a block, so we have two vertical groups of two cells each. Note that the table, now that it's a block element, should take up the entire width of the page.
Works in Firefox 3.6, Opera 10.5. Ignored in Internet Explorer 8.
Broken in Safari 4, Chrome 4: The rows have been converted to blocks, making them visible, but the cells remain as table cells.
| 1 | 2 |
| 3 | 4 |
Every element here has been changed to display:inline. We have two horizonatal groups of two cells each, and the surrounding element (the original table) is only as wide as it needs to be to hold its content.
Works in Firefox 3.6, Opera 10.5. Ignored in Internet Explorer 8.
Broken in Safari 4, Chrome 4: The rows have been converted to inline, but the cells inside them are still table cells, leading to a really weird appearance.