Wrapping text around entire image

Discussion in 'CSS' started by Doc Croc, Apr 2, 2009.

  1. #1
    Hi folks,

    I was wondering if anyone knew how I'd go about this:

    I have an image (200x200px) and I want it to appear float:right, halfway down in a paragraph of text (600px wide, 600 lines of text)

    Sounds simple so far, but here's the challenge:


    In the HTML, I'd like the image tag to appear before (or perhaps after) the paragraph tag, and not somewhere in the middle. It has to be one complete paragraph tag, not split into individual <p> tags.

    The text has to wrap around the top and bottom of the image.​


    I've tried using margin-top on the image to push it down into the paragraph and, although the text below it moves out of the way, the text above it doesn't flow back over the top.

    Any ideas would be greatly appreciated - I'm well and truly stumped!

    Thanks in advance!
     
    Doc Croc, Apr 2, 2009 IP
  2. qazu

    qazu Well-Known Member

    Messages:
    1,834
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    165
    #2
    I don't think that can be done :(
     
    qazu, Apr 2, 2009 IP