positioned-01-ref.html (1045B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <style> 5 div { border:1px solid green; margin:5px; height:100px; } 6 </style> 7 </head> 8 <div><span style="position:absolute; left:0">1<img src="square-outline-32x32.png">"Before gen abs</span 9 >Inner<span style="position:absolute; right:0">2<img src="square-outline-32x32.png">After gen abs"</span 10 ></div> 11 <div style="position:relative"><span style="position:absolute; left:0">1<img src="square-outline-32x32.png">"Before gen abs</span 12 >Inner<span style="position:absolute; right:0">2<img src="square-outline-32x32.png">After gen abs"</span 13 ></div> 14 <div><span style="position:relative; top:-10px;">1<img src="square-outline-32x32.png">"Before gen rel</span 15 >Inner<span style="position:relative; top:10px;">2<img src="square-outline-32x32.png">After gen rel"</span 16 ></div> 17 <div>Begin <span style="position:relative; top:-10px;">1<img src="square-outline-32x32.png">"Before gen rel</span 18 >Inner<span style="position:relative; top:10px;">2<img src="square-outline-32x32.png">After gen rel"</span 19 > End</div> 20 </body> 21 </html>