title: How to remove white space from masonry image gallery
body: <p>You can check <strong><a href="http://jsfiddle.net/rrPs8/" rel="nofollow noreferrer">JSFIDDLE</a></strong></p>
  
  <p><img src="https://i.stack.imgur.com/n0CVc.png" alt="enter image description here"></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placekitten.com/150/130" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placekitten.com/160/120" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placekitten.com/170/110" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placekitten.com/180/100" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placekitten.com/190/110" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placekitten.com/180/120" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placekitten.com/170/130" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placekitten.com/160/140" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placekitten.com/150/130" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>var container = document.querySelector('#container');
  var msnry = new Masonry( container, {
    columnWidth: 1,
    itemSelector: '.item',
    gutter: 10
  });
  </code></pre>