title: Spacing in a table
body: <p>I'm trying to setup a table in html. Below is a screenshot of part of it.</p>
  
  <p><img src="https://i.stack.imgur.com/6nPUk.png" alt="Screenshot"></p>
  
  <p>As you can see, there is a horizontal white strip between the image and the cell below, which I cannot get rid of. I have tried the following (bit ott I know - but I'm getting right frustrated!)</p>
  
  <pre><code>&lt;table style="text-align: center; border: 0; background-color: #ffffff; padding: 0; margin: 0; border-collapse: collapse; "&gt;
      &lt;tr style="text-align: center; border: 0; background-color: #ffffff; padding: 0; margin: 0; border-collapse: collapse; "&gt;
          &lt;td width="200px" height="175px"  style="text-align: center; border: 0; background-color: #ffffff; padding: 0; margin: 0; border-collapse: collapse; "&gt; 
              &lt;img src="img" style="display: block; padding: 0; border: 0;" /&gt; 
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr style="text-align: center; border: 0; background-color: #ffffff; padding: 0; margin: 0; border-collapse: collapse; "&gt;
          &lt;td width="200px" height="25px"  style="text-align: center; border: 0; background-color: #535152; color: #fffdfe; padding: 0; margin: 0; border-collapse: collapse; "&gt;
              Text
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>This is based on what I've got - just more simple. Any ideas on how I can get rid of that gap?</p>