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

  • Unknown's avatar
    lornemclean · Member ·

    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: (visible only to logged in users)

  • Unknown's avatar
    panaghiotisadam · Member ·

    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.)

  • Unknown's avatar
    lornemclean · Member ·

    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.]

  • Unknown's avatar
    lornemclean · Member ·

    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=”” />

  • Unknown's avatar
    panaghiotisadam · Member ·

    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" />

  • The topic ‘How Can I add Space to the “Right” and “Bottom” of an Image?’ is closed to new replies.