How to remove the default table border/spacing/padding?
<p>I'm using a table to display an image, title and date. 
Everything is working great and I'm happy with how it looks, but around the image is some space I think it is the table border/margin/padding. </p>

<p><strong>I want to have the image against the left of the table, so no more blue between it.</strong></p>

<p>HTML:</p>

<pre><code>&lt;table style="background-color: blue;"&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;img src="http://revistasindromes.com/images/100x100.gif"&gt;&lt;/td&gt;
      &lt;td&gt;Hello world!&lt;/td&gt;
      &lt;td&gt;Hello world!&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p><a href="http://plnkr.co/edit/VyflDYKYqxbTIYDBGQf4?p=preview">Here</a> is a demo.</p>