Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
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>