<img style="float: left;" src="foobar.jpg" height="100" width="20">
<div style="text-align: left; width: 300px;">thisis<img style="float: left;" src="foobar.jpg" height="75" width="20">onerun, next to 2 floats. One intruding, one in this
<span>inline formatting context</span>
</div>
<div style="width: 300px"><span><img style="float: left;" 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>