Center Div In Microsoft Outlook

I used

to center the container div. In the browser it works, but when I open it in Microsoft Outlook it's not in the center. I

Solution 1:

<divalign="center">

your code 

</div>

Only for Outlook

Solution 2:

For emailing in general it is better to do use html attributes and deprecated tags instead of their CSS equivalents because some messaging systems ignore inline styles.

For example, instead of:

<divstyle="width: 742px; margin: 0px auto; ">...

You can use:

<bodyalign="center"><tablealign="center"width="742">...

Or

<divalign="center">...

Example 2, instead of:

<pstyle="font-family: Arial, Helvetica, Tahoma, sans-serif;">My text</p>

You can do:

<fontface="Arial"size="4">My text</font>

Solution 3:

A good reflex is to go on the official Microsoft Documentation Network: http://msdn.microsoft.com/en-us/library/aa338201.aspx

Here you can see that the best method is to use.. another thing than a div element.

Use a table, it allow the maximum of css control.

Share