| <style> | |
| img { | |
| float: left; | |
| width: 20px; | |
| } | |
| div { | |
| width: 300px; | |
| } | |
| </style> | |
| very top of the content<img src="foobar.jpg" height="100"> | |
| <div>thisis<img src="foobar.jpg" height="74">onerun, next to 2 floats. One intruding, one in this | |
| <span>inline formatting context</span> | |
| </div> | |
| <div><span><img src="foobar.jpg" height="15" width="20">this next inline formatting context has 3 floats. 2 out of those 3 are intruding </span></div> | |
| <span>and now we are back to the left edge. no intrudings at this position.</span> |