Understanding CSS Support for Bulk Email

Bulk emailCreating a well-designed bulk email campaign that properly and consistently displays across bulk email clients is not an easy task.  It can be very stressful and headache inducing experience, especially if you are new to bulk email. Planning ahead is highly recommended. This enables you to anticipate display issues with your bulk email designing and coding.  The right information has to be well structured for best information delivery. CSS (Cascading Style Sheets) is a very powerful language that allows web developers to separate content from the presentation web pages. It is used in the majority of professional email.  As much as the modern CSS is standard for the websites, the history and support in email is one of its greatest strengths. The types of CSS are inline, embedded and external styles. External CSS styles are listed in a sheet or page. The email links to separate files referencing the style. Embedded CSS styles are listed in the same way as an eternal CSS style.  However, instead of the bulk email linking to separate sheet referencing the style, the embedded style is listed in the bulk email header. Inline CSS style technique is used within HTML tags directly by adding “style” attribute.  The attribute can contain any other CSS property. The property will of course affect any tag it is applied to. The most widely used and convenient CSS technique for bulk email is inline CSS. Additional basic formatting styles are also incorporated.  Bear in mind other web supported CSS properties that may not be consistently supported in bulk email Remember that CSS based layouts are only successful in compliant bulk email clients.  Design of the bulk email will render consistency when you use HTML tables for layouts. Embedded or even external CSS styles are not recommended for consistent displays across bulk email clients. For instance, Gmail supports only inline styles. Majority of the popular CSS properties web developers use have poor support in bulk email.  These properties include line-height, position, background image, z-index, clear, margin, background repeat and list-style-image.  Their use in bulk email should be avoided. Alternatively, test them thoroughly to make sure the bulk email displays as intended. In most cases there will be small changes in how the web-based bulk emails clients support CSS occurs. You need to know your audience. This will give you flexibility depending on which client your subscribers are using to view their bulk emails.