floated-01-ref.html (1005B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <style> 5 div { border:1px solid green; margin:5px; } 6 div { overflow:auto; } 7 </style> 8 </head> 9 <body> 10 <div><span style="float:left">1<img src="square-outline-32x32.png">"Before beforeleft afterleft</span 11 >Inner<span style="float:left">2<img src="square-outline-32x32.png">After beforeleft afterleft"</span 12 ></div> 13 <div><span style="float:left">1<img src="square-outline-32x32.png">"Before beforeleft afterright</span 14 >Inner<span style="float:right">2<img src="square-outline-32x32.png">After beforeleft afterright"</span 15 ></div> 16 <div><span style="float:right">1<img src="square-outline-32x32.png">"Before beforeright afterleft</span 17 >Inner<span style="float:left">2<img src="square-outline-32x32.png">After beforeright afterleft"</span 18 ></div> 19 <div><span style="float:right">1<img src="square-outline-32x32.png">"Before beforeright afterright</span 20 >Inner<span style="float:right">2<img src="square-outline-32x32.png">After beforeright afterright"</span 21 ></div> 22 </body> 23 </html>