title: HTML Email Signature CSS Not Working in Some Email Clients
body: <p>I'm trying to create a html based email signature with tables.</p>
  
  <p>It's definitely working in html, works when I copy and paste into gmail, however when I copy into Outlook, the CSS break. Did I do something wrong here?</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 style="width: 500px; font-size: 12pt; font-family: Arial,sans-serif; line-height:normal;" cellpadding="0" cellspacing="0"&gt;
  &lt;tbody&gt;
   &lt;tr&gt; 
    &lt;td style="width:86px; vertical-align:middle;" valign="middle"&gt;
     &lt;a href="#" target="_blank"&gt;&lt;img border="0" alt="Logo" height="auto" width="148" style="width:148px; height:auto; border:0;" src="https://i.imgur.com/1HlZfl8.png"&gt;&lt;/a&gt;
     
    &lt;/td&gt;
    
  
    &lt;td style="width:45px; text-align:center; vertical-align:middle;" valign="middle"&gt;
     &lt;div style="margin-left:15px"&gt;&lt;img src="https://i.imgur.com/mNNR1Ga.png"&gt;&lt;/div&gt;
    &lt;/td&gt;
    &lt;td style="width:500px; vertical-align:middle;" valign="middle"&gt;
     &lt;table cellpadding="0" cellspacing="0" width="100%"&gt;
     &lt;tbody&gt;
      &lt;tr&gt;
       &lt;td style="font-size:12pt; font-family: Arial, sans-serif; color: #3d3c3f; padding-bottom:3px;"&gt;&lt;span style="font-weight: bold; font-family: Arial, sans-serif; color:#3c3c3b;"&gt;Jessica Smith&lt;/span&gt;
        &lt;span style="font-size:9pt; font-family: Arial, sans-serif; color:#3c3c3b;"&gt; | CEO/Founder&lt;/span&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
       &lt;td style="font-size:9pt; font-family: Arial, sans-serif; color: #9b9b9b; padding-bottom:1px;"&gt;&lt;span style="font-family: Arial, sans-serif; color:#3c3c3b;"&gt;&lt;div style="font-weight:bold; display: inline-block; width: 15px;"&gt;t &lt;/div&gt;(07) 3281 0000&lt;/span&gt;&lt;span style="font-family: Arial, sans-serif; color:#3c3c3b"&gt;&lt;/span&gt;&lt;span style="font-family: Arial, sans-serif; color:#3c3c3b; margin-left:10px;"&gt;&lt;div style="font-weight:bold; display: inline-block; width: 15px;"&gt;f&lt;/div&gt;(07) 3281 0000&lt;/span&gt;
       &lt;/td&gt;
      &lt;/tr&gt;       
      &lt;tr&gt;
       &lt;td width="20px" style="font-size:9pt; font-family: Arial, sans-serif; color: #9b9b9b; padding-bottom:1px;"&gt;&lt;span style="font-family: Arial, sans-serif; color:#3c3c3b; "&gt;&lt;div style="font-weight:bold; display: inline-block; width: 15px;"&gt;e &lt;/div&gt;&lt;a href="#" style="color: #006f71;"&gt;info@domainnamehere.com.au&lt;/a&gt;&lt;/span&gt;
       &lt;/td&gt;
      &lt;/tr&gt;       
      &lt;tr&gt;
       &lt;td style="font-size:9pt; font-family: Arial, sans-serif; color: #9b9b9b; padding-bottom:1px;"&gt;&lt;span style="font-family: Arial, sans-serif; color:#3c3c3b;"&gt;&lt;div style="font-weight:bold; display: inline-block; width: 15px;"&gt;w &lt;/div&gt;&lt;a href="#" style="color: #006f71;"&gt;domainnamehere.com.au&lt;/a&gt;&lt;/span&gt;
       &lt;/td&gt;
      &lt;/tr&gt;       
      
     &lt;/tbody&gt;
     &lt;/table&gt;
    &lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
    &lt;td style="width:500px; padding-top:16px;" colspan="3" width="500"&gt;
     &lt;a href="#" target="_blank" rel="noopener"&gt;&lt;img border="0" alt="Banner" width="500" style="width:500px; height:auto; border:0;" src="https://i.imgur.com/NBxWjRC.png"&gt;&lt;/a&gt;
    &lt;/td&gt;
   &lt;/tr&gt;  
  &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/tUHUl.png" rel="nofollow noreferrer">Gmail Screenshot</a><br>
  <a href="https://i.stack.imgur.com/mp1fN.png" rel="nofollow noreferrer">Outlook Screenshot</a></p>
  
  <p>Not sure what's going on.</p>