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
-
 
Search WWH ::




Custom Search