title: Center an email sent to Gmail client
body: <p>First and foremost, please excuse my english and my html, i'm neither english nor developer. I'm trying to build an HTML mail for my client who desire to send it via Copy/paste in their Gmail client.
  I've downloaded a template from mailchimp and customized it. The HTML looks like that :</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
  
  
  
      &lt;title&gt;*|MC:SUBJECT|*&lt;/title&gt;
  
  &lt;style type="text/css"&gt;
      #outlook a{
          padding:0;
      }
  
      body{
          width:100% !important;
      }
      .ReadMsgBody{
          width:100%;
      }
      .ExternalClass{
          width:100%;
      }
      body{
          -webkit-text-size-adjust:none;
      }
      body{
  
          margin:0;
          padding:0;
      }
      img{
          border:0;
          height:auto;
          line-height:100%;
          outline:none;
          text-decoration:none;
      }
      table td{
          border-collapse:collapse;
      }
      #backgroundTable{
          height:100% !important;
          margin:0;
          padding:0;
          width:100% !important;
      }
  
      body,#backgroundTable{
          background-color:#FAFAFA;
      }
  
      #templateContainer{
          border:1px solid #DDDDDD;
      }
  &lt;/style&gt;&lt;/head&gt;
  &lt;body align="center"&gt;
      &lt;center&gt;
          &lt;table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable" align="center"&gt;
              &lt;tr&gt;
                  &lt;td align="center" valign="top"&gt;
  
                      &lt;table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"&gt;
                          &lt;tr&gt;
                              &lt;td valign="top" class="preheaderContent"&gt;
  
  
                                  &lt;table border="0" cellpadding="10" cellspacing="0" width="100%"&gt;
  
                                  &lt;/table&gt;
  
  
                              &lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/table&gt;
  
                      &lt;table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"&gt;
                          &lt;tr&gt;
                              &lt;td align="center" valign="top"&gt;
  
                                  &lt;table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"&gt;
                                      &lt;tr&gt;
                                          &lt;td class="headerContent"&gt;
  
                                              &lt;/br&gt;
                                              &lt;img src="http://gallery.mailchimp.com/7243c1f17089e9e1ebba4fe7e/images/logo_couleur.png" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext&gt;
  
  
                                          &lt;/td&gt;
                                      &lt;/tr&gt;
                                  &lt;/table&gt;
  
                              &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                              &lt;td align="center" valign="top"&gt;
  
                                  &lt;table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody"&gt;
                                      &lt;tr&gt;
                                          &lt;td valign="top"&gt;
                                              &lt;table border="0" cellpadding="0" cellspacing="0" width="600"&gt;
                                                  &lt;tr&gt;
                                                      &lt;td valign="top" class="bodyContent"&gt;
  
  
                                                          &lt;table border="0" cellpadding="20" cellspacing="0" width="100%"&gt;
                                                              &lt;tr&gt;
                                                                  &lt;td valign="top"&gt;
                                                                      &lt;div mc:edit="std_content00"&gt;
  </code></pre>
  
  <p>Content etc.</p>
  
  <p>When I copy/paste that and send it with gmail it renders correctly on my mobile but the email is not centerer in gmail client.</p>
  
  <p>Any help would be really appreciated !</p>
  
  <p>Thanks a lot.</p>