HTML and CSS Reference
Margins can be a negative length as well as positive. Negative margins
are an often overlooked but extremely useful device for manipulating the
space between elements or for escaping the confines of the content area
of a containing element.
The first example ( Figure 5.3 ) overlaps two sibling elements by using a
negative top margin.
border: 1px solid #999;
margin: 1em 2em;