HTML and CSS Reference
Figure 9-10 The page title in its default static position.
In Figure 9-11, I gave the <h1> a top value of 30px . This value moved the page title 30px, relative to the top of its
Note the only difference between Figure 9-10 and Figure 9-11 is the position of the text—the area taken up by the
<h1> element doesn't change. The flow of the document isn't affected because the page title's normal position re-
mains in flow and in the same position, so although the text is offset, the contents below aren't affected in any way.
When an element is position: relative; , top , left , right , and bottom offset that element relative to
the top, left, right, and bottom of the normal position, respectively.