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

  • Author
  • #501203


    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


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



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

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



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


    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.