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).