title: How do I make sure the line that appears under the first column is moved to the second column on top
body: <p>I have created a responsive masonry to display some quotes on the page using css inline-block (ref - <a href="http://w3bits.com/css-masonry/" rel="nofollow noreferrer">http://w3bits.com/css-masonry/</a>).</p>
  
  <p>The problem I am having is that somehow the top border that belongs to the 1st element on the 2nd and 3rd row are appearing at the end of the 1st and 2nd row respectively. </p>
  
  <p>See my fiddle here for preview - <a href="https://fiddle.jshell.net/8ntahynh/" rel="nofollow noreferrer">https://fiddle.jshell.net/8ntahynh/</a></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>/*----------------- Testimonials CSS -----------------*/
  
  .masonry {
    margin: 0 0;
    padding: 0;
    font-size: .85em;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
  
  .item {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 2px #ccc;
  }
  
  .testimonial-img,
  .center-cropped {
    height: 200px;
    width: 200px;
    object-fit: cover;
    object-position: center;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="wrapper"&gt;
    &lt;div class="masonry"&gt;
      &lt;div class="item"&gt;
        &lt;div class="testimonial-section"&gt;
          &lt;blockquote&gt;
            &lt;i class="fa fa-quote-left" aria-hidden="true"&gt;&lt;/i&gt;My new door looks a lot like my former front door. I got married and raised my children in that house. Good memories! The front door was made of solid oak and we could open the upper part, which
            we did when we talked to our neighbours for example. It was a pity that we had to move out of that house.
            &lt;i class="fa fa-quote-right" aria-hidden="true"&gt;&lt;/i&gt;
            &lt;div&gt;
              &lt;span class="footer-source"&gt;-
                              &lt;b&gt;Mw. Louwen | &lt;/b&gt;Resident at Pieter van Foreest Weidevogelhof in
                              &lt;cite title="Source Title"&gt; Pijnacker&lt;/cite&gt;
                          &lt;/span&gt;
            &lt;/div&gt;
          &lt;/blockquote&gt;
  
          &lt;img src="https://s3-eu-central-1.amazonaws.com/truedoors/wp-content/uploads/truedoors-thestorybehindthedoor-community-quote-1013.jpg" class="center-cropped" alt="Responsive image"&gt;
        &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>