HTML and CSS Reference
In-Depth Information
Foremost Canada's product page (above) displays their products in grid-
based format, next to a left-column sidebar. The photos are displayed in an
unordered list with the float property for all
<li>
elements set to
float:
left
. This works better than a table-based grid, because the number of
photos in the gallery can change and the layout would not be a
"
ected.