html - Wrapping multiple paragraphs around images -

i'm trying write html wrap text around images. if @ this page, you'll see first paragraph wraps around image, whilst bottom 1 not.

i not have code first one, done using weebly drag-and-drop feature. can help?

edit: had used float: leftin code. spent hours looking on fact did this

image {      float: left; }

instead of this

img {      float: left; }

i hate myself.

you can achieve doing this:

you should start giving images class names, example: give left ones class="left_img" , right ones class="right_img".

if want image left of text use:

img.left_img {     float: left; }

do want image on right use this:

img.right_img {     float: right; }

if not want text hit image add margins image this:

img {     float: left;     margin: 10px 10px 10px 0px; }

GCM