HTML Email Template

Posted on

in

,

Below is a link to a HTML file that has some CSS and code for starting a mobile friendly email. Here are also some tips:

  • Don’t use margins: Outlook doesn’t like it
  • Padding: give the containing table a width but no padding and then the inner table’s data cell¬†padding but no width.
  • No padding on images, again Outlook. Use padding on the containing td.
  • Giving spans a display:block doesn’t work (outlook)
  • Give images px widths on desktop, otherwise they could mess up the % widths of the tds.
  • I use http://inliner.cm/¬†to convert my css into inline css

Download Template

 

One response to “HTML Email Template”

  1. Indieklem Avatar

    Hey, thanks for the template. I use mjml.io/ to generate the HTML of my game marketing email, and it work very well. It can speed up your workflow when making *nightmare* html email :)

Leave a Reply

Your email address will not be published. Required fields are marked *

About me

Mark Wong is a front end developer with 10+ years experience. Most of his knowledge of HTML5, CSS and Js is self taught.

Calendar

May 2024
M T W T F S S
 12345
6789101112
13141516171819
20212223242526
2728293031