Need help? Check out our Support site, then


How Can I add Space to the "Right" and "Bottom" of an Image?

  1. Hi, I am trying to have my image aligned to the top left and have my type wrap around it but I am not having much luck. I have looked for the HTML to do this and all I can up with is using:

    align="left" hspace="10" vspace="10"

    The problem with this is it adds space to the left of the image and I only want space on the "bottom" and "right" of the image. I'd appreciate any help with this.

    The blog I need help with is lornemclean.wordpress.com.

  2. Turn the image code to this:
    <img style="margin-right:20px;margin-bottom:16px;" class="alignleft src=[etc.]
    (The numbers are just an example; you can change them.)

  3. Thanks so much for that but I'm having a problem.

    I tried to add your code to the page and it didn't change the look so I must be doing something wrong. How do I add the code you provided to my image tag below.

    My image with "img" tags.
    <img src="http://lornemclean.files.wordpress.com/2010/07/lorne120x160.png" alt="" />

    The Code you provided.
    <img style="margin-right:20px;margin-bottom:16px;" class="alignleft src=[etc.]

  4. I also tried this but when I publish it it strips the picture out.

    <img style="margin-right:20px;margin-bottom:16px;" class="alignleft src="http://lornemclean.files.wordpress.com/2010/07/lorne120x160.png" alt="" />

  5. Oh so sorry, I forgot the closing quote after alignleft, that's why it's stripped out. Code should be:
    <img style="margin-right:20px;margin-bottom:16px;" class="alignleft" src="IMAGE URL HERE" />

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.