title: pure css masonry view: remove all (vertical) white space between variable height divs
body: <p>I've got divs of equal widths but variable heights, however the divs in the code below have vertical white space between them (div49 in particular), how can I get the divs to align at the top of the page and fill in underneath each other vertically as well as horizontally (basically removing as much white space as possible between divs)?</p>
  
  <p>Looking for a pure CSS solution if one exists?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.boxx {
      border-radius: 5px;
      border: 5px solid #AACAF7;
      padding: 10px; 
      background-color: #eee;
      width: 200px;
      height: 60px;  
      position: relative;
      overflow: hidden;
      display: inline-block;
  /*    float: left;*/
  }
  .boxx2 {
      border-radius: 5px;
      border: 5px solid #AACAF7;
      padding: 10px; 
      background-color: #eee;
      width: 200px;
      height: 120px;  
      position: relative;
      overflow: hidden;
          display: inline-block;
  /*    float: left;*/
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="sortableDiv"&gt;
  &lt;div class="boxx2" data-sort='5.1'&gt;div5.1&lt;/div&gt;
  &lt;div class="boxx"  data-sort='49'&gt;div49&lt;/div&gt;
  &lt;div class="boxx2"  data-sort='1.1'&gt;div1.1&lt;/div&gt;
  &lt;div  class="boxx" data-sort='2'&gt;div2&lt;/div&gt;
  &lt;div class="boxx"  data-sort='1'&gt;div1&lt;/div&gt;
  &lt;div class="boxx"  data-sort='3'&gt;div3&lt;/div&gt;
  &lt;div class="boxx"  data-sort='99'&gt;div99&lt;/div&gt;
  &lt;div class="boxx"  data-sort='88'&gt;div88&lt;/div&gt;
  &lt;div class="boxx"  data-sort='77'&gt;div77&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Easier to explain with a before/after pic:
  <a href="https://i.stack.imgur.com/pS5uG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pS5uG.png" alt="css whitespace"></a></p>