Best practice for image padding in Outlook 2007

It feels like I've tried countless variations of CSS to get consistent padding on images in Outlook 07 and I'm wondering if anyone has a sure-fire way to ensure that images aligned left or right can have padding.

My latest version:

<img class="right" align="right" src="">

img.right {
   display: block;
   float: right;
   margin: 0 0 20px 20px;

isn't cutting it.

I'd be grateful for any insights.



fyredefyre fyredefyre, 8 years ago

Just a thought, you could try adding vertical and horizontal spacing instead with even values - could save you some time. - Everything Email.
Email: Skype: fyredefyre
AlexDunae AlexDunae, 8 years ago

Thanks for the reply, thought I'm not totally sure I follow.

Do you mean adding spacing to the image file itself?  I'm hoping to avoid that if possible.

fyredefyre fyredefyre, 8 years ago

For example you could set: <img src="image.jpg" width="100" height="100" hspace="5" vspace="5" />

And yes, this would set spacing to the image itself. Unfortunately this has to be set manually so doesn't answer your question entirely but perhaps someone can suggest a better solution. - Everything Email.
Email: Skype: fyredefyre
BThies BThies, 8 years ago

hspace and vspace don't work in all email clients.

Try adding a border to the img itself.  For instance:

<img src="image.jpg" width="100" height="100" style="border:10px solid #FFFFFF;">

In addition, if you wanted to just add spacing to the left and right:

<img src="image.jpg" width="100" height="100" style="border-right:10px solid #FFFFFF; border-left:10px solid #FFFFFF;">

Brian Thies
Professional Email Developer
Thies Publishing

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free