title: Email template that breaks in outlook
body: <p>I am new in this sector. I have the html code for an email template that looks good in the web browser and in gmail but it breaks down in outlook. How can I fix it? It looks good in all browsers and mailing platforms without outlook.</p>
  
  <p>Where is the error? I cannot find it.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table class="deviceWidth" width="750" cellspacing="0" cellpadding="0" border="0" align="left"&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td style="padding:0px 15px;" bgcolor="#FFFFFF"&gt;
          &lt;table class="deviceWidth" width="650" cellspacing="0" cellpadding="0" border="0" align="left"&gt;
            &lt;tbody&gt;
              &lt;tr&gt;
                &lt;td style=" padding:20px 0px 10px 20px;" border="0" valign="top" bgcolor="#FFFFFF" align="left"&gt;
  
                  &lt;table class="deviceWidth" border="0" width="540" style="background-color:#000;" cellspacing="0" cellpadding="0" border="0" align="left"&gt;
                    &lt;tbody&gt;
                      &lt;tr&gt;
                        &lt;td valign="middle" border="0" style="background-color:#000;" align="center"&gt;
                          &lt;!--[if mso]&gt;
                                                        &lt;table role="presentation" border="0" background="#606061" cellspacing="0" cellpadding="0" align="left" style="margin-top:0px;" width="540"&gt;
                                                        &lt;tr&gt;
                                                        &lt;td align="left" bgcolor="#000;" style="background-color:#000;" valign="middle" width="540"&gt;
                                                         &lt;![endif]--&gt;
  
                          &lt;table class="deviceWidth" border="0" bgcolor="#000;" style="background-color:#000;" width="55%" cellspacing="0" cellpadding="0" border="0" align="left"&gt;
                            &lt;tbody&gt;
                              &lt;tr&gt;
                                &lt;td colspan="1" border="0" valign="middle" width="130" class="center2" align="left" style="font-family:'Montserrat', Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#000; padding:10px 5px 10px 30px;  "&gt;
  
                                  &lt;a href="http://privateclientmortgagegroupmm.clixonit.com" valign="middle" style="text-decoration:none;color:#fff;font-size:14px; font-weight:bold;"&gt;  APPLY NOW &lt;/a&gt;
                                  &lt;!-- PUT YOUR LOGO --&gt;
  
                                &lt;/td&gt;
                                &lt;td colspan="1" border="0" valign="middle" width="130" class="center2" align="center" style="font-family:'Montserrat', Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#000; padding:10px 5px 10px 5px;  "&gt;
  
                                  &lt;a href="http://www.uberconference.com/privateclient" style="text-decoration:none;color:#A6A6A6;font-size:14px; font-weight:bold;"&gt;  GO TO MEETING &lt;/a&gt;
                                  &lt;!-- PUT YOUR LOGO --&gt;
  
                                &lt;/td&gt;
                              &lt;/tr&gt;
  
                            &lt;/tbody&gt;
                          &lt;/table&gt;
  
                          &lt;table class="deviceWidth" border="0" bgcolor="#000;" style="background-color:#000;" width="36%" cellspacing="0" cellpadding="0" border="0" align="left"&gt;
                            &lt;tbody&gt;
  
  
                              &lt;tr&gt;
                                &lt;td colspan="1" border="0" valign="middle" class="center2" align="center" style="font-family:'Montserrat', Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#000; padding:10px 5px 10px 20px;  "&gt;
                                  &lt;a href="https://privateclient.acuityscheduling.com/" style="text-decoration:none;color:#A6A6A6;font-size:14px; font-weight:bold;"&gt;  SCHEDULE CALL &lt;/a&gt;
                                  &lt;!-- PUT YOUR LOGO --&gt;
                                &lt;/td&gt;
                              &lt;/tr&gt;
  
  
                            &lt;/tbody&gt;
                          &lt;/table&gt;
  
                          &lt;!--[if mso]&gt;
                                                           &lt;/td&gt;
                                                            &lt;/tr&gt;
                                                           &lt;/table&gt;
                                                           &lt;![endif]--&gt;
                        &lt;/td&gt;
                      &lt;/tr&gt;
  
                    &lt;/tbody&gt;
                  &lt;/table&gt;
  
                  &lt;table class="deviceWidth" id="logo" border="0" width="100" style="margin-top:-65px;" cellspacing="0" cellpadding="0" border="0" align="right"&gt;
                    &lt;tbody&gt;
                      &lt;tr&gt;
                        &lt;td class="center" border="0" valign="top" align="center"&gt;
                          &lt;!--[if mso]&gt;
                                                        &lt;table role="presentation" border="0" cellspacing="0" cellpadding="0" align="right" style="margin-top:0px;mar" width="100"&gt;
                                                        &lt;tr&gt;
                                                        &lt;td align="left" bgcolor="#FFF;" style="background-color:#fff;" valign="top" width="100"&gt;
                                                         &lt;![endif]--&gt;
                          &lt;a href="https://www.privateclient.com"&gt; &lt;img class="logo" src="https://s1.postimg.org/3gpcnyjmtr/logo2.png" alt="" height="96" width="100" /&gt;&lt;/a&gt;
                          &lt;!-- PUT YOUR LOGO --&gt;
                          &lt;!--[if mso]&gt;
                                                           &lt;/td&gt;
                                                            &lt;/tr&gt;
                                                           &lt;/table&gt;
                                                           &lt;![endif]--&gt;
                        &lt;/td&gt;
                      &lt;/tr&gt;
                    &lt;/tbody&gt;
                  &lt;/table&gt;
  
                &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>