title: html - mso conditional statement not working
body: <p>I’m customizing the Opt-in confirmation email template in Form builder Mailchimp for a project.
  When I sent a test everything looks great in Gmail, Yahoo, and Outlook web mail client, except for the Outlook desktop app v16.0, which I have a spacing rendering issue.
  The cause of the problem was the “Confirm Subscription link/button” from the form builder, that generates the <code>&lt;br&gt;</code> tag after it, which outlook desktop app didn’t ignore, unlike other email clients.
  To fix the issue, I tried to add CSS style for <code>&lt;br&gt;</code> tag and display it none but it didn’t seem to work.
  I also used mso conditional statement to target this specific version of outlook desktop app. I added padding-bottom in <code>&lt;td&gt;</code> of a first text and place it inside mso, to have an equal spaces. But unluckily, outlook desktop still didn’t acknowledged it. I tried many things adding css, margin, etc., nothing works. Any idea how to fix this? It seems that I did something wrong with mso.</p>
  <p>I have also attached the sample test email I made in Gmail, Outlook.com and Outlook desktop app, and the default template of subscription in form builder for you to see. <a href="https://i.stack.imgur.com/JbK00.jpg" rel="nofollow noreferrer">See screenshot here</a></p>
  <p>Here is my code:
  I have to split my HTML into two parts to make the “Confirm subscription link” in the middle. Since this link was unable to remove.</p>
  <p><a href="https://codepen.io/christine-tine27/pen/QWyeEGz" rel="nofollow noreferrer">https://codepen.io/christine-tine27/pen/QWyeEGz</a></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;!-- PART 1.HTML --&gt;
  &lt;div class="es-wrapper-color" style="background-color:#FFFFFF"&gt;
      &lt;table class="es-content" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:auto !important;width:100%"&gt;
         &lt;tr style="border-collapse:collapse"&gt;
            &lt;td align="center" style="padding:0;Margin:0"&gt;
               &lt;table class="es-content-body" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:#FFFFFF;width:600px"&gt;
                  &lt;tr style="border-collapse:collapse"&gt;
  
                         &lt;!-- ADDED MSO CONDITIONAL STATEMENT FOR OUTLOOK ONLY--&gt;
                          &lt;!--[if gte mso 9]&gt;
                              &lt;td align="left" style="padding-bottom:8px;padding-left:0px;padding-right:20px;padding-top:25px;mso-line-height-rule:exactly;line-height:20px!important;Margin:0;"&gt;
                          &lt;![endif]--&gt;
                          &lt;!-- END  --&gt;
  
                     &lt;td align="left" style="padding-bottom:0px;padding-left:0px;padding-right:20px;padding-top:25px;mso-line-height-rule:exactly;line-height:20px!important;Margin:0;"&gt;
                        &lt;table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px"&gt;
                           &lt;tr style="border-collapse:collapse"&gt;
                              &lt;td align="center" valign="top" style="padding:0;Margin:0;width:560px"&gt;
                                 &lt;table cellpadding="0" cellspacing="0" width="100%" role="presentation" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px"&gt;
                                    &lt;tr style="border-collapse:collapse"&gt;
                                       &lt;td align="left" style="padding:0;Margin:0"&gt;
                                          &lt;p style="Margin:0;padding:0 0 0px 0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:14px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;color:#333333;text-align:justify"&gt;You’re just one step away&lt;/p&gt;
                                       &lt;/td&gt;
                                    &lt;/tr&gt;
                                 &lt;/table&gt;
                              &lt;/td&gt;
                           &lt;/tr&gt;
                        &lt;/table&gt;
                     &lt;/td&gt;
                  &lt;/tr&gt;
               &lt;/table&gt;
            &lt;/td&gt;
         &lt;/tr&gt;
      &lt;/table&gt;
   &lt;/div&gt;
  
  
  &lt;!-- PART 2.HTML --&gt;
   &lt;div class="es-wrapper-color" style="background-color:#FFFFFF"&gt;
      &lt;table class="es-content" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:auto !important;width:100%"&gt;
         &lt;tr style="border-collapse:collapse"&gt;
            &lt;td align="center" style="padding:0;Margin:0"&gt;
               &lt;table class="es-content-body" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:#FFFFFF;width:600px"&gt;
                  &lt;tr style="border-collapse:collapse"&gt;
                     &lt;td align="left" style="Margin:0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px"&gt;
                        &lt;table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px"&gt;
                           &lt;tr style="border-collapse:collapse"&gt;
                              &lt;td align="center" valign="top" style="padding:0;Margin:0;width:560px"&gt;
                                 &lt;table cellpadding="0" cellspacing="0" width="100%" role="presentation" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px"&gt;
                                    &lt;tr style="border-collapse:collapse"&gt;
                                       &lt;td align="left" style="padding:0;Margin:0"&gt;
                                          &lt;p style="Margin:0;padding:0px 0px 0px 0px;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:14px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;color:#333333;text-align:justify"&gt; Upon confirmation, you'll receive an email with an exclusive 10% off food &amp;amp; beverage code which can be redeemed during your next stay.&lt;br&gt;&lt;br&gt;Warmly,&lt;br&gt;The &lt;/p&gt;
                                       &lt;/td&gt;
                                    &lt;/tr&gt;
                                 &lt;/table&gt;
                              &lt;/td&gt;
                           &lt;/tr&gt;
                        &lt;/table&gt;
                     &lt;/td&gt;
                  &lt;/tr&gt;
               &lt;/table&gt;
            &lt;/td&gt;
         &lt;/tr&gt;
      &lt;/table&gt;
   &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>