before-after-positioned-001-ref.xht (1268B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> 2 <style type="text/css"> 3 div { border:1px solid green; margin:5px; height:100px; } 4 </style> 5 </head> 6 <body><div><span style="position:absolute; left:0">1<img src="support/square-outline-32x32.png" />"Before gen abs</span>Inner<span style="position:absolute; right:0">2<img src="support/square-outline-32x32.png" />After gen abs"</span></div> 7 <div style="position:relative"><span style="position:absolute; left:0">1<img src="support/square-outline-32x32.png" />"Before gen abs</span>Inner<span style="position:absolute; right:0">2<img src="support/square-outline-32x32.png" />After gen abs"</span></div> 8 <div><span style="position:relative; top:-10px;">1<img src="support/square-outline-32x32.png" />"Before gen rel</span>Inner<span style="position:relative; top:10px;">2<img src="support/square-outline-32x32.png" />After gen rel"</span></div> 9 <div>Begin <span style="position:relative; top:-10px;">1<img src="support/square-outline-32x32.png" />"Before gen rel</span>Inner<span style="position:relative; top:10px;">2<img src="support/square-outline-32x32.png" />After gen rel"</span> End</div> 10 11 12 </body></html>