The Box Model - The CSS - page 79

<h1>Header Content</h1>
<p>More Header Content</p>
</header>
<article>
<p>Some article content which will break into the header
above</p>
</article>
<article>
<p>Some content of another article which will follow as
normal</p>
</article>

In the second example ( Figure 5.4 ), negative margins are used to bleed
into the gutter provided by a 50-pixel padding on the containing
element.

Figure 5.4
Negative
margins causing
element to
enter its parent's
padding area.

div {
width: 400px;
padding: 0 50px;

(continues on next page)

}