Solving HTML Email Problems: Image Padding (9:46)

Margins around images are ignored in the email version.

• Microsoft Oulook does not support margin or padding applied to images

Three options to create better looking emails

1. Change image alignment
2. Edit the image
3. Use Tables

1. Align the image to the right

• Problem still exist, but is less noticable.

2. Using Photoshop

• Expand the canvas size of the image by the amount of padding you wish to add using a background color that matches the background of the mailing.

3. Use HTML table

• Insert a 1x1 table, insert the image inside the table
• Remove the 100% width
• Add a margin-right attribute
• Left-align the table