title: HTML not displaying as expected in outlook
body: <p>I have the following HTML:</p>
  
  <pre><code>&lt;html&gt;
      &lt;table align="center" cellspacing="0" border="0" cellpadding="0" width="600"  style="text-align: center;"&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td valign="top" style="height:78px; width:528px"&gt;
                      &lt;a href="Link" style="display:block; height:78px; width:528px; color: #2a3379; text-decoration: none !important; padding-top:32px; font-family:Arial; font-weight:bold; font-style:italic; border-radius:5px; font-size:40px; display:block; margin:0 auto; background-color:#B5E61D;"&gt;                                                     
                          Apply now
                      &lt;/a&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Which display like this in the browser:</p>
  
  <p><a href="https://i.stack.imgur.com/TLNoT.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TLNoT.jpg" alt="enter image description here"></a></p>
  
  <p>The problem is, that when I add it as an HTML template to an email, it displays like this in outlook:</p>
  
  <p><a href="https://i.stack.imgur.com/pOreH.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pOreH.jpg" alt="enter image description here"></a></p>
  
  <p>From what I have read, I know outlook does not render HTML very well. I also read not to use CSS and to inline all the styling - but this has not worked.</p>
  
  <p>The email needs to be responsive, so I would prefer not to use an image.</p>
  
  <p>I guess there is a particular rule that is causing this problem. </p>
  
  <p>Has anyone come across this before and found a good solution?</p>