title: auto-generated margins display inline
body: <p>I have the following problem: I want to have three images in the same line, without margins in between. The problem is that when using <em>display:inline</em> or <em>display:inline-block</em> vertical and horizontal white spaces are generated between the images. </p>
  
  <pre><code>div img{
      width: 33.3333%;
      display: inline-block;
  }
  </code></pre>
  
  <p>You can see the problem <a href="http://jsfiddle.net/vd51x0yp/1/" rel="nofollow">in the demo</a>.</p>
  
  <p>I know that with float:left I can solve the problem, but I would like to avoid this, because I don't like to use this unless is very necessary.</p>
  
  <p>Thanks!</p>