Email clients use a variety of technology to render HTML, so email formatting will vary based on the program used to open it. The most noticeable differences are observed in Microsoft Outlook. Since Outlook uses the MS Word rendering engine, it does not respect modern HTML and CSS standards. The following tips will help to resolve these common styling issues.
 
1. The following styles should be avoided for Outlook compatible email designs.
 
- Instead of float use: align
 
ex/ align="left" 
 
- Instead of margin use: vspace
 
ex/ vspace="10"
 
- Instead of padding use: hspace
 
ex/ hspace="10"
 
 
 These issues often arise with image formatting, because Outlook does not support margin or padding around images. Use something like this to achieve the same result:
 
<img src="http://www.blackbaud.com/example.jpg" align="left" vspace="10" hspace="10" />

Notice the "vspace" and "hspace" can be placed anywhere in the tag of the element you are currently adjusting. 
 

Avoid - CSS

Use - HTML

float
 

align=”left”
 

margin
 

vspace=”10”

padding
 

hspace=”10” 


















Additional Information
Content in email displays differently when using different email clients

Text surrounding image in table appears cut off in Microsoft Outlook 2013
Links in NetCommunity email do not work in Outlook when nested in Tables
How to fix Outlook email message when they have too much spacing around images in messages sent from NetCommunity
Image in email is cut off when viewing in Outlook
How to add padding or indent to text in email
A .gif image is animated in the email editor but does not display animated in sent message
There is random spacing within words in our email message