Tel: 0845 226 7181 • Fax: 0845 226 7183 • Email: firstname.lastname@example.org
Emailmovers Limited, Pindar House , Thornburgh Road, Scarborough, North Yorks , YO11 3UY
CSS (Cascading Style Sheets)
CSS (Cascading Style Sheets) is not widely supported for HTML email as many email clients
will strip it out from the <head> and <body> of an email. The only option is avoid external
stylesheets and move all CSS inline within your HTML.
CSS is especially a problem if you’re using an HTML Editor to design your HTML email, because
HTML Editors insert all kinds of over-written CSS and DIVs by default. You might as well code by
hand. The correct way is to use inline CSS:
<font style=”color: #000000; font-family: arial, san-serif; font-size 12px”></font>
You’ll have to rely on old-fashioned <TABLES> for your layouts in HTML email and only use
CSS for simple font formatting and colors. Always design CSS to “fail gracefully.” That means if
someone took away your CSS, your design and content would still display well. Before you send
your HTML email, delete the CSS and see what it looks like.
Make sure all your CSS is within the <body> tag. Everything outside <body> will be ignored.
Using Inline styles ensures that TEXT fonts, colours and sizes do not conﬂict with the styles of
our headers and footers.
Email clients don’t always support background colours applied on the <body> tag. A work
around to this is to put your design table inside of a container table with the width set to 100%
and a bgcolor applied to it.
<table width=”100%” cellpadding=”0” cellspacing=”0” border=”0” bgcolor=”#colorhere”>
To avoid mysterious white space in
Outlook email clients 2007, 2010 and
2013 set the line height on you <p>
tags. If in doubt use a <span> tag
instead. These outlook clients use the
own padding, margin and line-height
therefore can cause large spacing in
designs. You can always apply the
styling to the table cell <td> tag and
use <span> tags instead of <p>
There is no need to use CSS
excessively. There is a thin line
between an email that reaches the
recipient and the email that ‘junks’.
Many leading email clients have
poor CSS support.