Email clients are limited in their HTML display capabilities.
What HTML markup and CSS styles is it safe to use in HTML-formatted email?
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.
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.
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With