View Single Post
Old 01-31-2013, 05:06 AM   #27
_savage
Connoisseur
_savage began at the beginning.
 
Posts: 50
Karma: 10
Join Date: Jul 2012
Location: Seattle, USA
Device: Nook
Quote:
Originally Posted by dgatwood View Post
Top margin difference between the paragraph and the div, maybe?
Hmm... thanks for the hint! I tried to add some padding to the <div>
Code:
  ...
  </p>
  <div style="width:45%; float:left; padding:1em 1em 1em 0;"><img ... /></div>
  <p>
  ...
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?

Thanks
_savage is offline   Reply With Quote