4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

how do I wrap text around an image?

by crankit98
3 replies
  • WEB DESIGN
    • |
I have over 50 article sites with affiliate images and if I can just get the text to
wrap around the images, I think I'd get more responses. Where can I find a simple
online text wrap generator or coding instructions for such a task.

I'm sure its an easy step and I went to w3shools.com to get help but did not find
it there (or maybe I overlooked it). Thanks for any help here
#image #text #wrap
  • Profile picture of the author CarloD.
    Hey,

    Usually you can do this....

    your paragraph should be in <p></p>

    <p>Blah Blah text here</p>

    Now align the image in the text...

    Code:
    <p>Blah Blah text here Blah Blah text hereBlah Blah text hereBlah Blah text here<img align="left" src="yourimage.jpg" />Blah Blah text hereBlah Blah text hereBlah Blah text here</p>
    that will align it,

    <img align="left" src="yourimage.jpg" />

    you can only do left or right

    Carlo,
    Signature

    {{ DiscussionBoard.errors[1832280].message }}
  • Profile picture of the author Amsterdam
    If your site uses style sheets then you might be best using a CSS float property. For example:

    Code:
    img {float: left; margin-right: 1em;}
    Using something like that will left align all your images and make the text flow around them.

    T
    {{ DiscussionBoard.errors[1832319].message }}
    • Profile picture of the author T.Kline
      The align property is deprecated. w3school.com says...

      "The align attribute of <img> is depreciated, and is not supported in HTML 4.01 Strict / XHTML 1.0 Strict DTD
      Use CSS instead."


      It will work but you may as will keep yourself from having to change it later on. Use an inline style with the float property instead.
      {{ DiscussionBoard.errors[1832696].message }}

Trending Topics