HTML and CSS Reference
In-Depth Information
list-style: none;
border-left: 2px solid black;
}
ul.nav li:first-child {
border-left: 0; /* remove border from outside item */
}
[...]
<ul class="nav">
<li><a href="#">First Page</a></li>
<li><a href="#">Second Page</a></li>
[...]
</ul>
Though the goal of the relatively positioned content blocks described
earlier was to create a self-contained area from which to work from,
it can be useful to position the parts of those blocks to break out of
the four sides of that container. Negative margins were discussed in
Chapter 5, but here negative values for positioning are also useful, as
demonstrated in the following example (
Figure 7.6
).
Figure 7.6
Negatively
positioned
element breaking
its container.
