RichInStyle.com test pages: tables - display

Altering of HTML elements display types test

Although this table cell has display: block, UAs are permitted to disregard this on table elements. If it is treated as a table cell, it will have a border and will be 20% of the table in width.

Although this table cell, row and table has display: block, UAs are permitted to disregard this on table elements. If it is treated as a table cell, it will have a border and will be 20% of the table in width.

Table display types

This should behave like a table cell.

This should behave like a table cell - it should be to the right of that.

This is a DIV element that should have an inline table. Inline tables behave in the same way as ordinary tables except they are inline elements, therefore greatly increasing the height of the line box

This should behave like a table cell.

This should behave like a table cell - it should be to the right of that.

This should behave like a table cell.

This should behave like a table cell - it should be to the right of that.

This should not be rendered, being part of a table column.

However, this should be red being part of a table column.

This should be rendered at the bottom of the table as a footer.

This should be rendered above the table footer.

A table caption that should appear above the table (including above its border). It should not be centered.

A rather pointless table cell.