What's the best way to center your HTML email content in the browser window (or email client preview pane)?

css-tables, html-email

Solution

Align the table to center.

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center">
            Your Content
        </td>
    </tr>
</table>

Where you have "your content" if it is a table, set it to the desired width and you will have centred content.

Problem

I normally use CSS rules for `margin:0 auto` along with a 960 container for my standard browser based content, but I'm new to HTML email creation and I've got the following design that I'd like to now center in the browser window without standard CSS. http://static.helpcurenow.org/mockups/emails/2010/may-survey/survey.html I seem to recall seeing somewhere that it can also be accomplished by wrapping your email table design in an outer table set to `width:100%` and using some inline style for `text-align:center` on the tbody or something like this to do it? Is there a best practice for this?

Original source