Originally Posted by dgatwood
Top margin difference between the paragraph and the div, maybe?
Hmm... thanks for the hint! I tried to add some padding to the <div>
<div style="width:45%; float:left; padding:1em 1em 1em 0;"><img ... /></div>
which moves the image down so that the one line of text doesn't render across the image. (There's some overlap still, but that can be fixed with 1.5em or so.)
However, because the <div> floats left I hoped that the top of the image and the top of the paragraph would line up. As it is now the image is 1em further down.
Also, should I used padding or margin here?