This document provides tips for improving the formatting and display of email marketing content in Outlook. It addresses issues like Outlook ignoring CSS properties for margins and padding on images, text not wrapping automatically in tables, Outlook adding unwanted borders to table cells, Outlook sometimes ignoring link styling, issues with using lists versus tables for spacing, and using cellpadding and cellspacing attributes with tables instead of CSS properties. Following these tips can help content display properly despite how Outlook may try to alter the design.

1. Improve your ‘look’ on OUTLOOK
Email Marketing Tips

2. When Outlook tries to re-design your
mailers the way it likes…
Here is what you can do…

3. When Outlook ignores margin and padding on
images
• Outlook 2007-13 do not support the margin or padding CSS properties when placed
within an image.
• For this try using hspace and/or vspace or add the additional spacing to the image
itself (in pixels).
<img src="http://www.*********.com/example.jpg" align="left"
vspace="10" hspace="10" />

4. When the text doesn't wrap automatically in
Outlook.
• If we have text within a table, for instance “aaaaaaaaaaaaaaaaa” and we want it to
wrap, try adding this style.
<td style="word-break:break-all;">

5. When Outlook adds a 1px border to table cells.
• If we are using a background colour in your table cell, we'll see a 1px white border
around the contents of the TD.
• To fix, simply add the following to your embedded styles:
Or add it inline
table td { border-collapse: collapse; }
<td style="border-collapse: collapse;">... </td>

6. When Outlook sometimes ignores link styling.
• Outlook 2007 and 2010 do NOT support inline styles IF the “a” tag does NOT include
an “href” attribute
This can be changed into
<a style="font-size: 20px; color: #004990;">Shop
Flooring </a>
<a href="http://www.test.com" style="font-size:
20px; color:
#004990;">Shop Flooring </a>

7. If spacing is important, avoid using lists.
• The safest way to get consistent results is to use a table instead:
<table cellpadding="2" cellspacing="2" border="0">
<tr>
<td valign="top">•</td>
<td>Test</td>
</tr>
<tr>
<td valign="top">1.</td>
<td>Test</td>
</tr>
</table>

8. Use cellpadding and cellspacing with tables.
• Avoid using “margin” or “padding” CSS properties in your TABLE tag. Cellpadding
and Cellspacing attributes are generally safe.
• If we are using an align attribute on our table, use this
<table align="left">

9. Follow these steps and find your way through the
Outlook alterations!

10. • URL
http://www.icubes.in
• Blog
http://icubes.in/blog