title: Why is this HTML code not vertically aligning in the middle in Outlook (HTML Email)?
body: <pre><code>  &lt;table width="378" border="0" cellpadding="0" cellspacing="0"&gt;
          &lt;tbody&gt;
                &lt;tr&gt;
                      &lt;td height="30" width="50" bgcolor="#e8e8e8"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
                      &lt;td style="color: #ffffff; font-weight: bold; font-family: serif; font-size: 14px; padding-top: 0px; padding-bottom: 0px;" height="30" valign="middle" width="300" align="left" bgcolor="#00aec7"&gt;This should vertically center!&lt;/td&gt;
                &lt;/tr&gt;
          &lt;/tbody&gt;
    &lt;/table&gt;
  </code></pre>
  
  <p>In Gmail this is centered but in Outlook, it's at the top of the colored bar. I also tried using <code>line-height</code> and <code>vertical-align</code> but the <code>vertical-align</code> does not work and <code>line-height</code> has to be put to a smaller size than it should be (20px seems to center it despite the TD being 30px tall) <strong>which then makes it top aligned in GMail!</strong></p>