Originally Posted by iain robinson
It looks good in iBooks (see screenshot attached) but breaks down in ADE.
It may look good to you, but it's not floating or, at least, it's not what one intends when using floats.
The thing is you are using "width: 100%" for the span, so it takes the whole width of the paragraph, leaving no room for text. iBooks places no text there and skips until below the picture, while it seems ADE is placing always a word at least on each line.
I'd use something like:
I use "display: block", because you cannot use a <div> inside a <p>, but you could assign the background colour, etc. to the outside <div> and put the picture in another <div> before the <p>...