<h1> - <h6> Tags Rendered as Green Font in Email Newsletters

css, dreamweaver, header, html, tags

Solution

When writing HTML/CSS for emails, you tend to have to pretend you're going back in time. Meaning, write very basic markup, and use inline styles:

<h1 style="color: #FFF; background: #000">Foo Email</h1>

Additionally, check out the HTML Email Boilerplate. You may also find the Inline Styler to be of help too.

Problem

I'm designing an email in Dreamweaver with inline CSS, but every test I make, with Hotmail in Firefox and Chrome always renders header tags as a green font color. I want the font to be normal. Nothing will change it. Why is `<h1>`-`<h6>` rendered as a font color? ``` <div class="blockheader"> <h2>New event starting today!</h2> </div> <style> #block .blockheader { background-color: #000; color: #FFF; font-family: "Arial Black"; display: block; text-align: left; padding: 2px 0px 2px 0px; } </style> ```

Original source