title: Table cell height issue in emails
body: <p>I have the following code in a html email:</p>
  
  <pre><code>&lt;table style="margin: 32px 0; border: 0; border-spacing: 0; border-collapse: collapse;"&gt;
      &lt;tr&gt;
          &lt;td style="width: 50%; vertical-align: top; padding: 0; border: 0; line-height: 1; background: red;"&gt;Invoice Number&lt;/td&gt;
          &lt;td style="width: 50%; vertical-align: top; padding: 0; border: 0; line-height: 1; background: red;"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="width: 50%; vertical-align: top; padding: 0; border: 0; line-height: 1; background: red;"&gt;Tax Point&lt;/td&gt;
          &lt;td style="width: 50%; vertical-align: top; padding: 0; border: 0; line-height: 1; background: red;"&gt;30/11/2017 11:48:32&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="width: 50%; vertical-align: top; padding: 0; border: 0; line-height: 1; background: red;"&gt;Payer ID&lt;/td&gt;
          &lt;td style="width: 50%; vertical-align: top; padding: 0; border: 0; line-height: 1; background: red;"&gt;Senior Internet&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;table class="invoice-items"&gt;
      &lt;tr&gt;
          &lt;th style="font-family: sans-serif; padding: 10px;"&gt;Description&lt;/th&gt;
          &lt;th style="font-family: sans-serif; padding: 10px;"&gt;Item Amount&lt;/th&gt;
          &lt;th style="font-family: sans-serif; padding: 10px;"&gt;Quantity&lt;/th&gt;
          &lt;th style="font-family: sans-serif; padding: 10px;"&gt;VAT Amount&lt;/th&gt;
          &lt;th style="font-family: sans-serif; padding: 10px;"&gt;Line Total&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="padding: 10px;"&gt;Charity/ public sector&lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;360.0000&lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;1&lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;72.0000&lt;/td&gt;
          &lt;td style="padding: 10px;"&gt;360.0000&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="3" class="empty"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td class="no-border"&gt;Total&lt;/td&gt;
          &lt;td class="green no-border"&gt;£432.0000&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>However, I am having an issue with the cell height of the first table coming out far too large. I've tried setting padding, borders, line heights, I just can't get the red cells to be the height of the text within them.<a href="https://i.stack.imgur.com/oCIwV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oCIwV.png" alt="enter image description here"></a></p>