before-after-floated-001-ref.xht (1222B)
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; } 4 div { overflow:auto; } 5 </style> 6 </head> 7 <body> 8 <div><span style="float:left">1<img src="support/square-outline-32x32.png" />"Before beforeleft afterleft</span>Inner<span style="float:left">2<img src="support/square-outline-32x32.png" />After beforeleft afterleft"</span></div> 9 <div><span style="float:left">1<img src="support/square-outline-32x32.png" />"Before beforeleft afterright</span>Inner<span style="float:right">2<img src="support/square-outline-32x32.png" />After beforeleft afterright"</span></div> 10 <div><span style="float:right">1<img src="support/square-outline-32x32.png" />"Before beforeright afterleft</span>Inner<span style="float:left">2<img src="support/square-outline-32x32.png" />After beforeright afterleft"</span></div> 11 <div><span style="float:right">1<img src="support/square-outline-32x32.png" />"Before beforeright afterright</span>Inner<span style="float:right">2<img src="support/square-outline-32x32.png" />After beforeright afterright"</span></div> 12 13 14 </body></html>