title: Valign not working in Outlook HTML Emails
body: <p>So I've been wrangling all week with a newsletter redesign for my company, tweaking the html to make it display semi-consistently across email clients. I've made good use of www.litmus.com for much of this. This is the last bug remaining and it continues to elude me. We have a horizontal navbar across the top. Here's a stripped down version with only one <code>&lt;td&gt;</code>, normally there are 5 of them:</p>
  
  <pre><code>&lt;table width="100%" border="0" align="right" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" valign="middle"&gt;
      &lt;tr valign="middle"&gt;
          &lt;td valign="middle" align="center" style="font-family: 'Lucida Grande', Arial, sans-serif; font-size:12px; line-height: 200%; background-color:#b2382a; color: #FFFFFF; text-transform:uppercase;" &gt;&amp;nbsp;
              &lt;a target="_blank" style="font-family: 'Lucida Grande', Arial, sans-serif; font-size:12px; line-height: 200%; background-color:#b2382a; color: #FFFFFF; text-transform:uppercase; text-decoration:none; vertical-align: middle;" href="LinkURLHere"&gt;
                  &lt;span style="color:#FFFFFF; vertical-align: middle;"&gt;Link Text Here&lt;/span&gt;
              &lt;/a&gt;&amp;nbsp;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>As you can see, inline styles up the wazoo. It displays fine on all of the litmus tests except for Outlook 2002, 2007 and 2013, in which valign="middle" gets ignored and the link text gets pushed to the top like this: <a href="https://i.imgur.com/a48ObB8.jpg" rel="noreferrer">http://i.imgur.com/a48ObB8.jpg</a></p>
  
  <p>Several sources, both here and elsewhere, suggest that valign works in outlook, but I've tried the <code>valign="middle"</code> attribute on every tag I can think of, and several css <code>vertical-align: middle;</code>s as well. Is this no longer true? And if so, is there a work around of some sort?</p>