Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Safe markup for HTML email

Email clients are limited in their HTML display capabilities.

What HTML markup and CSS styles is it safe to use in HTML-formatted email?

like image 769
Kev Avatar asked Jan 31 '13 14:01

Kev


People also ask

What size should HTML email be?

Best Practices: Design There are a few things to keep in mind when designing HTML email campaigns. Emails should be 600-800 pixels maximum width. This will make them behave better within the preview-pane size provided by many clients.

Does margin work in email HTML?

While margin is a CSS property, <cellpadding> is an HTML attribute. You cannot override it with the help of any CSS media queries. Therefore, you will not be able to make the emails mobile responsive.


1 Answers

In general you want to stick to 10+ years old HTML.

Avoid trying to link to external stylesheets and avoid styles in the HEAD.

Use inline styles.

Use HTML tables for layout.

Industry standard is to stick to width of 600px or less for your email content.

This is a good guide: http://kb.mailchimp.com/article/how-to-code-html-emails

like image 111
Billy Moat Avatar answered Oct 04 '22 02:10

Billy Moat