Sample HTML Markup

We will use this HTML source to demonstrate absolute and relative positioning:

<body><p>Beginning of para.
<span id=outer>Start outer.
<span id=inner>Inner content.
</span>End outer.</span>
End body.</p></body>

Note that we have a P enclosing a SPAN called outer (in red) which encloses a SPAN called inner (in blue).

Source: W3C CSS Positioning Working Draft