title: HTML5 <figure> margin/padding
body: <p>It seems that the HTML5 element <code>figure</code> adds some margin/padding if there is an image inside it. If you add a border around the figure you can see a small padding inside the element.</p>
  
  <pre><code>&lt;figure&gt;
      &lt;img src="image" alt="" /&gt;
  &lt;/figure&gt;
  </code></pre>
  
  <p>I reset all the margins and paddings with CSS by writing <code>* { margin: 0; padding: 0 }</code></p>
  
  <p>Anyone know how to handle it? Please take a look at this fiddle: <a href="http://jsfiddle.net/74Q98/" rel="noreferrer">http://jsfiddle.net/74Q98/</a></p>