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

April 2024
M T W T F S S
1234567
891011121314
15161718192021
22232425262728
2930