<pre> 
&lt;html>
&lt;style>
div#A   {position:relative; border-style:dotted ; border-color:#000000 ; 
         border-width:2px; width:450px ; padding:5px  }
p       {border-style:solid ; border-color:#000000 ; border-width:2px;
         padding:5px ; width:330px ; background-color:#FFFFFF }
p#two   {position:absolute ; left:225px ; top:-15px; background-color:#CCCCCC }
&lt;/style>

&lt;h2> Relative then Absolute&lt;/h2>
&lt;div id="A">

&lt;p>          This is the content of paragraph &lt;b>one&lt;/b>.  It is positioned normally &lt;/p>
&lt;p id="two"> This is the content of paragraph &lt;b>two&lt;/b>.  It is positioned absolutely, but relative to the parent element &lt;/p> 
&lt;p>          Paragraph &lt;b>three&lt;/b> &lt;u>will &lt;/u> be repositioned to occupy the empty space&lt;/p> 

&lt;/div>

&lt;/html></pre>