HTML Email’s Default Styling

When dealing with HTML emails, you will notice that styling is different on different email clients like Gmail, Yahoo Mail, Outlook – this also applies to different versions of Outlook, Thunderbird and Mail.

Add this CSS hack on top of your HTML email so it’ll look the same on almost all web clients.

<style type="text/css">
p {
  margin: 0 0 1em 0;
}
  /* Outlook 07, 10 Padding issue fix */
table td {
  border-collapse: collapse;
}
  /* Remove spacing around Outlook 07, 10 tables */
table { 
  border-collapse:collapse; 
  mso-table-lspace:0pt; 
  mso-table-rspace:0pt; 
}
</style>