title: Center HTML in OUTLOOK not working
body: <p>I have spent all day reviewing fixes for my issue. My HTML looks great on all email clients except Outlook, by which the layout will not center in the preview. I've tried the <code>&lt;center&gt;</code> tag and fixing the <code>.ExternalClass</code> but nothing works. Can anyone help?</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta content="text/html; charset=UTF-8" http-equiv="Content-Type"&gt;
  &lt;meta content="telephone=no" name="format-detection"&gt;
  &lt;meta content="width=mobile-width; initial-scale=1.0; maximum-scale=1.0; user-     scalable=no" name="viewport"&gt;
  &lt;meta content="IE=9; IE=8; IE=7; IE=EDGE" http-equiv="X-UA-Compatible"&gt;
  &lt;link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet" type="text/css"&gt;
  &lt;title&gt;IAED ACE WEBSITE&lt;/title&gt;
  &lt;style href=""&gt;a {text-decoration: none} &lt;/style&gt;
  &lt;style type="text/css"&gt;
  .mobile {
  max-width:700px !important;
  }
  /**This is to overwrite Outlook.com’s Embedded CSS************/
  table {
  border-collapse:separate;
  }
  a, a:link, a:visited {
  text-decoration: none; color: #2a8acc;
  } 
  a:hover {
  text-decoration: underline;
  }
  h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h5,h6,.t_cht {
  color:#000 !important;
  }
  .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td {
  line-height: 100%;
  }
  /**This is to center your email in Outlook.com************/
  .ExternalClass {
  width: 100%;
  }         
  
  @media only screen and (max-width: 480px) {
       .mobile {width: 95% !important; font-size:1.1em; border-collapse: collapse; display:block; margin:0 auto; padding-bottom:15px;}
       .hide {display:none;}
       .btn_bg { width:50%; margin: 0 auto !important; font-size:1.0em; }
        }
  @media only screen and (max-width: 320px) {
       .mobile {width: 95% !important; font-size:1.1em; border-collapse: collapse; display:block; margin:0 auto; padding-bottom:15px;}
       .hide {display:none;}
       .btn_bg { width:50%; margin: 0 auto !important; font-size:1.0em;}
        } 
  
  @media only screen and (max-width: 667px) {
       .mobile {width: 95% !important; font-size:1.1em; border-collaps: collapse; display:block; margin:0 auto; padding-bottom:15px;}
       .hide {display:none;}
       .btn_bg { width:50%; margin: 0 auto !important; font-size:1.0em;}
        }  
  
  @media only screen and (max-width: 730px) {
       .mobile {width: 95% !important; font-size:1.1em; border-collapse: collapse; display:block; margin:0 auto; padding-bottom:15px;}
       .hide {display:none;}
       .btn_bg { width:50%; margin: 0 auto !important; font-size:1.0em; }
        } 
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body bgcolor="#EFEFEF" style="margin: 0; padding: 0;"&gt;
  &lt;!-- SPACE--&gt;
  
  &lt;table bgcolor="#EFEFEF" border="0" cellpadding="0" cellspacing="0" style=
  "height:15px; background-color:#efefef; width:100%;" width="100%"&gt;
      &lt;tr&gt;
          &lt;td&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;!--end of space--&gt;
  &lt;!-- HIDDEN PREHEADER --&gt;
  
  
  &lt;div style=
  "display: none; font-size: 1px; color:#333333; line-height: 1px; font-family: 'Lato', sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all;"&gt;
  IAED ACE WEBSITE
  &lt;/div&gt;
  &lt;!--BEGIN OUTTER CONTAINTER--&gt;
  
  
  &lt;table bgcolor="#EFEFEF" border="0" cellpadding="0" cellspacing="0" style=
  "background-color:#efefef;" width="100%"&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;!--BEGIN NAV--&gt;
  
  
              &lt;table align="center" bgcolor="#FFFFFF" border="0" cellpadding=
              "0" cellspacing="0" style=
              "background-color:#ffffff; width:700; margin:0 auto; border:thin solid #E8E8E8; color:#2a8acc;"
              width="700"&gt;
                  &lt;tr&gt;
                      &lt;td colspan="5" style="line-height:15px; height:15px;"&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td width="2%"&gt;&amp;nbsp;&lt;/td&gt;
  
                      &lt;td width="35%"&gt;
                          &lt;a href="http://www.emergencydispatch.org/" style=
                          "color:#2a8acc; text-decoration:underline;" target=
                          "_blank"&gt;&lt;img src=
                          "https://www.emergencydispatch.org/vrc/iaed/2016/email/images/iaed-logo-200w.png"&gt;&lt;/a&gt;
                      &lt;/td&gt;
  
                      &lt;td align="left" valign="bottom" width="23%"&gt;
                      &lt;span style=
                      "font-family: 'Lato', sans-serif; color:#2a8acc; text-align:left; font-size:18px;"&gt;
                      &lt;a href="http://www.emergencydispatch.org/" style=
                      "color:#2a8acc; text-decoration:underline;" target=
                      "_blank"&gt;ABOUT IAED&lt;/a&gt;&lt;/span&gt;
                      &lt;/td&gt;
  
                      &lt;td valign="bottom" width="20%"&gt;&lt;span style=
                      "font-family: 'Lato', sans-serif; color:#2a8acc; text-align:left; font-size:18px;"&gt;
                      &lt;a href="https://accreditation.emergencydispatch.org/"
                      style="color:#2a8acc; text-decoration:underline;"
                      target="_blank"&gt;WHY ACE&lt;/a&gt;&lt;/span&gt;
                      &lt;/td&gt;
  
                      &lt;td valign="bottom" width="30%"&gt;
                          &lt;!-- SOCIAL MEDIA --&gt;
  
  
                          &lt;table&gt;
                              &lt;tr&gt;
                                  &lt;td width="30px"&gt;
                                      &lt;a href=
                                      "https://www.facebook.com/InternationalAcademiesofEmergencyDispatch"
                                      style=
                                      "border:none; text-decoration:none;"
                                      target="_blank"&gt;&lt;img src=
                                      "https://www.emergencydispatch.org/vrc/iaed/2016/email/images/facebook-logo-round.png"&gt;&lt;/a&gt;
                                  &lt;/td&gt;
  
                                  &lt;td width="30px"&gt;
                                      &lt;a href="https://twitter.com/TheIAED"
                                      style=
                                      "border:none; text-decoration:none;"
                                      target="_blank"&gt;&lt;img src=
                                      "https://www.emergencydispatch.org/vrc/iaed/2016/email/images/Twitter-round-color.png"&gt;&lt;/a&gt;
                                  &lt;/td&gt;
  
                                  &lt;td width="30px"&gt;
                                      &lt;a href=
                                      "https://www.linkedin.com/company/international-academies-of-emergency-dispatch"
                                      style=
                                      "border:none; text-decoration:none;"
                                      target="_blank"&gt;&lt;img src=
                                      "https://www.emergencydispatch.org/vrc/iaed/2016/email/images/linkedin-round.png"&gt;&lt;/a&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/table&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td colspan="5" style="line-height:15px; height:15px;"&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
              &lt;!--END NAV--&gt;
              &lt;!--BEGIN BANNER --&gt;
  
  
              &lt;table align="center" border="0" cellpadding="0" cellspacing=
              "0" style="background-color:#ffffff; width:700; margin:0 auto;"
              width="700px"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                          &lt;a href=
                          "https://accreditation.emergencydispatch.org/"
                          style="border:none;" target="_blank"&gt;&lt;img class=
                          "mobile" src=
                          "https://www.emergencydispatch.org/vrc/iaed/2016/email/images/banner-iaed.png"&gt;&lt;/a&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
              &lt;!--END BANNER --&gt;
              &lt;!-- BEGIN CONTENT --&gt;
  
  
              &lt;table bgcolor="#FFFFFF" border="0" cellpadding="0"
              cellspacing="0" style=
              "background-color:#ffffff; width:700; margin:0 auto; border-bottom:thin solid #E8E8E8;"
              width="700px"&gt;
                  &lt;tr&gt;
                      &lt;td colspan="2" style="line-height:15px; height:15px;"&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td align="center" colspan="3"&gt;&lt;span style=
                      "font-family: 'Lato', sans-serif; color:#2e2e2e; text-align:left; font-size:24px; font-weight:800;"&gt;
                      FEATURES&lt;/span&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td colspan="3" style=
                      "line-height:15px; height:15px; border-bottom:thin solid #E8E8E8;"&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td colspan="3" style="line-height:15px; height:15px;"&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td align="center" width="25%"&gt;&lt;img src=
                      "https://www.emergencydispatch.org/vrc/iaed/2016/email/images/user-friendly.png"&gt;
                      &lt;/td&gt;
  
                      &lt;td width="70%"&gt;
                          &lt;span style=
                          "font-family: 'Lato', sans-serif; color:#2e2e2e; text-align:left; font-size:18px; font-weight:500;"&gt;
                          User-friendly&lt;/span&gt;
  
                          &lt;ul style=
                          "font-family: 'Lato', sans-serif; color:#2e2e2e; text-align:left; font-size:14px;"&gt;
                          &lt;li&gt;Simple-to-use instructions for providing
                          information and uploading documents help you
                          complete the 20 Points requirements&lt;/li&gt;
  
  
                              &lt;li&gt;Demo videos help guide you through various
                              facets of the application process&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/td&gt;
  
                      &lt;td width="3%"&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td colspan="3" style="line-height:15px; height:15px;"&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td align="center" width="25%"&gt;&lt;img src=
                      "https://www.emergencydispatch.org/vrc/iaed/2016/email/images/cloud-icon.png"&gt;
                      &lt;/td&gt;
  
                      &lt;td width="70%"&gt;
                          &lt;span style=
                          "font-family: 'Lato', sans-serif; color:#2e2e2e; text-align:left; font-size:18px; font-weight:500;"&gt;
                          Upload everything—no more binders!&lt;/span&gt;
  
                          &lt;ul style=
                          "font-family: 'Lato', sans-serif; color:#2e2e2e; text-align:left; font-size:14px;"&gt;
                          &lt;li&gt;Our easy and convenient upload process means
                          you can electronically upload required application
                          documents to the IAED’s secure servers 24/7&lt;/li&gt;
  
  
                              &lt;li&gt;No more shipping heavy binders&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/td&gt;
  
                      &lt;td width="3%"&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td colspan="3" style="line-height:15px; height:15px;"&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td align="center" width="25%"&gt;&lt;img src=
                      "https://www.emergencydispatch.org/vrc/iaed/2016/email/images/progress-icon.png"&gt;
                      &lt;/td&gt;
  
                      &lt;td width="70%"&gt;
                          &lt;span style=
                          "font-family: 'Lato', sans-serif; color:#2e2e2e; text-align:left; font-size:18px; font-weight:500;"&gt;
                          Progress bars&lt;/span&gt;
  
                          &lt;ul style=
                          "font-family: 'Lato', sans-serif; color:#2e2e2e; text-align:left; font-size:14px;"&gt;
                          &lt;li&gt;You can track your ACE application progress for
                          each of the 20 Points achieving also your overall
                          progress and deadlines toward ACE&lt;/li&gt;
  
  
                              &lt;li&gt;Uploading documents is made easy with a
                              progress bar that lets you know when your
                              upload is complete&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/td&gt;
  
                      &lt;td width="3%"&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td colspan="3" style="line-height:15px; height:15px;"&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td align="center" width="25%"&gt;&lt;img src=
                      "https://www.emergencydispatch.org/vrc/iaed/2016/email/images/sync-icon.png"&gt;
                      &lt;/td&gt;
  
                      &lt;td width="70%"&gt;
                          &lt;span style=
                          "font-family: 'Lato', sans-serif; color:#2e2e2e; text-align:left; font-size:18px; font-weight:500;"&gt;
                          Sync your information&lt;/span&gt;
  
                          &lt;ul style=
                          "font-family: 'Lato', sans-serif; color:#2e2e2e; text-align:left; font-size:14px;"&gt;
                          &lt;li&gt;The online ACE application system automatically
                          synchronizes 20 Points application tasks completed
                          during your communication center’s implementation
                          process&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/td&gt;
  
                      &lt;td width="3%"&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td colspan="3" style="line-height:15px; height:15px;"&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td align="center" width="25%"&gt;&lt;img src=
                      "https://www.emergencydispatch.org/vrc/iaed/2016/email/images/credit-icon.png"&gt;
                      &lt;/td&gt;
  
                      &lt;td width="70%"&gt;
                          &lt;span style=
                          "font-family: 'Lato', sans-serif; color:#2e2e2e; text-align:left; font-size:18px; font-weight:500;"&gt;
                          Re-accreditation ready&lt;/span&gt;
  
                          &lt;ul style=
                          "font-family: 'Lato', sans-serif; color:#2e2e2e; text-align:left; font-size:14px;"&gt;
                          &lt;li&gt;You can refer to online documents previously
                          submitted by your agency for ACE or Re-ACE
                          requirements&lt;/li&gt;
  
  
                              &lt;li&gt;Re-accreditation is a snap with the online
                              ACE application process&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
  
  
                  &lt;tr&gt;
                      &lt;td colspan="3" style="line-height:15px; height:15px;"&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;!-- END OF OUTTER CONTAINTER --&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>