No parts of the table are normal inline or block-level elements

Consequently, inside a table default property values can be different

table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }

• The hierarchy of table elements is maintained by the browser by adding pseudo-elements when necessary (for example, if a table was made up of div elements and no table-row element was defined, one would be added around the table-cell elements.
• Table is designed to be viewed in part or spoken aurally
• CSS table display values now supported by all modern browsers
• Opens up another way of laying out documents