HTML and CSS Reference
In-Depth Information
This listing was created by
replacing each
td
,
tr
, and
table
element in the original table lay-
out with more semantic con-
tainer elements. The direct
replacement means you have
suitable elements to attach the
table-row
and
table-cell
styles to
and, because this is a simple doc-
ument, you can set
body
to be
display:
table
rather than add an
explicit wrapper in place of the
table
element.
body {
display: table;
border-collapse: separate;
border-spacing: 1em;
}
header, div, footer {
display: table-row;
}
section, aside, figure, h1, nav,
small {
display: table-cell;
}
img { max-width: 100px; }
Full
Partial
1.0
-
2.0
-
8.0
-
9.0
-
3.1
-