HTML and CSS Reference
In-Depth Information
<html>
<body>
<div class="container">
<div class="masthead">
</div>
</div>
</body>
</html>
note
CSS3 includes support for multiple background images on a single
element, which provides quite a few more options for layering images.
See Chapter 14.
All types of content in a document can be described in lists. Quite often,
as is the case for many navigation bars, tabs, and image thumbnails,
these structural lists aren't presented as a bulleted list but in a horizontal
format. The following code shows a basic example of text-based naviga-
tional elements with vertical separators (
Figure 7.5
).
Figure 7.5
A set of navigation-based list items floated into a horizontal format.
ul.nav {
height: 16px;
}
ul.nav li {
float: left;
height: 16px;
padding: 0 0.5em;
font-size: 12px;
(continues on next page)
