title: How to get rid of space between html table?
body: <p>How to get rid of these spaces between images? 
  As you can see if I put images one after another there is no space and if I put below then there is a space. How do I resolve this? </p>
  
  <p><img src="https://i.imgur.com/CqwN2Ve.jpg" alt="http://imgur.com/CqwN2Ve"></p>
  
  <p>And here's the code: </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Test&lt;/title&gt;
  &lt;style type="text/css"&gt;
  .table{
  border-collapse: collapse;
  border-spacing:0;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;table width="805" border="0" cellspacing="0" cellpadding="0" class="table" align="center"&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;img src="sutent/1.png"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;img src="sutent/2.png"&gt;&lt;img src="sutent/3.png"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td class="td1" &gt;&lt;img src="sutent/4a.jpg"&gt;&lt;img src="sutent/5.png"&gt;&lt;img src="sutent/8a.png"&gt;&lt;img src="sutent/9a.png"&gt;&lt;img src="sutent/13a.png"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;img src="sutent/4b.png"&gt;&lt;img src="sutent/6.png"&gt;&lt;img src="sutent/8b.png"&gt;&lt;img src="sutent/9b.png"&gt;&lt;img src="sutent/13b.png"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>