Div styles do not work in Outlook Email

Question

I created an HTML template for email messages using div tags.

His work works great in Gmail, Yahoo.

But Div styles do not work in Outlook.

Below is the code I used.

<div style="margin:auto;padding:auto;background-color:#FFFFFF;width:600px;border:0px;"> Testing Email </div> 

I set the div width to 600px, also making a margin and adding auto. so that it will be displayed in the center of the screen.

But it does not work like that.

Gmail, Yahoo displays email in the center of the screen

Please suggest how I can solve this problem.

Answer 1

The margins and width of the CSS styles applied to the div do not work in Outlook.

• Link Now Dead - https://www.campaignmonitor.com/blog/post/3472/div-tags-in-html-email-newsletters/ (see table halfway down)

This is the main reason, while tables are still used so heavily in emails.

Answer 2

I would suggest you create a basic html structure using a table tag.

You can then use the insd "td" tags of the div tags.

Email templates are a pain because most of the cool stuf doesn't work: D