title: HTML - Outlook clients height issue
body: <p>See the below code for a HTML email;</p>
  
  <pre><code>&lt;table class="barcode" style="border-collapse:collapse; border:none !important; background:white; width:auto; margin: auto;"&gt;
    &lt;tr style="height: 50px;"&gt;
      &lt;!-- This is duplicated --&gt;
      &lt;td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;"&gt;
          &lt;table style="border-collapse: collapse"&gt;&lt;tr&gt;
              &lt;td height="50" width="4.3" style="visibility:hidden; width:4.3px; height:50px; font-size:4px; color:#FFFFFF; color:transparent; padding: 0"&gt;&amp;#9608;&lt;/td&gt;
          &lt;/tr&gt;&lt;/table&gt;
      &lt;/td&gt;
      &lt;!-- /This is duplicated --&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The <code>&lt;td&gt;</code> element in between the comments is duplicated multiple times (for barcode reasons). However, when you get past 100 (appx) <code>&lt;td&gt;</code> elements, Outlook clients seem to ignore the 50px <code>height</code>. Screenshot below.</p>
  
  <p><a href="https://i.stack.imgur.com/ZDCFJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZDCFJ.png" alt="Screenshot"></a></p>
  
  <p><a href="https://jsfiddle.net/uqtzov9u/1/" rel="nofollow noreferrer">https://jsfiddle.net/uqtzov9u/1/</a> - Code that generated the above</p>
  
  <p>I have tried removing the gross nested <code>table</code> and replaced it with a <code>div</code>, but still experience the same issue.</p>
  
  <p>Why are Outlook clients ignoring the 50px <code>height</code> when I get past x number of <code>&lt;td&gt;</code> elements?</p>