CSS inline text unwanted text indent first line!

[evamermaid 10]

I've got some text wrapping around a background image (text on the left, background image on the right). The text is DISPLAY INLINE so it wraps around the image and I've used those (floated) 'sandbag' divs to nudge the text off the image (to the right of the text) and so the text fits snugly around it, like you get in fluid printed design.

 

So far so good.

 

I've given my text a padding of 10 pixels left column, but instead of padding the whole paragraph (and subsequent paragraphs) as you'd expect it to, it's just indenting the first line by 10 pixels - the rest of the para and the following paras are flush with the left hand column.

 

Padding works OK when the text isn't INLINE, it seems, but as soon as I do it like above, I have this problem. Been trying to fix it all afternoon and it's driving me nuts!

 

I've tried everything, even removing all the padding from the main <p> for the central content and inserting divs for the main text with their own padding, but it still does it!!

 

This is my draft web page (see "Interested in joining us" section for the problem area): http://www.friendsofwoodhousegrove.co.uk/friendsnew/about.htm

 

Any solutions?

[maggi 10]

Hiya

 

Your code is much too complicated for a quick answer

 

Try following the procedure for making a minimal test case and if that doesn't make it obvious, post your minimal page online and we'll look again.

[maggi 10]

Looking again, why are you using background images rather than img tags for e.g. xmasfairpic.jpg ?

 

You would make your work a lot easier by putting this in the page.

[evamermaid 10]

Looking again, why are you using background images rather than img tags for e.g. xmasfairpic.jpg ?

 

You would make your work a lot easier by putting this in the page.

 

Thanks for your reply, Maggi,

 

I was following this online tutorial which is why I did it as a bg image, but will follow your suggestions. http://www.bigbaer.com/css_tutorials/css.image.text.wrap.htm