Question

I have no idea what’s going on now. I threw together a simple page with very simple CSS. I used tables cause i know you can’t use div elements like normal for emails. So after viewing it in my browser, it looks like this:

https://i.stack.imgur.com/8FBtf.png

And after sending it through mail (the cells data has been replaced):

https://i.stack.imgur.com/tuXvA.png

So the CSS doesn’t apply at all!

Here’s the HTML and CSS:

http://pastebin.com/PySeeW4m

Any ideas?

Answer 1

Most e-mail clients only read the CSS if it is provided inline through style= tags, Mailchimp provides a great tool to do this automatically:

CSS Inliner Tool