CodePen

HTML

            
              <div class="box-container">
  <div class="box">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tortor velit, sagittis ut placerat eget, commodo et dui. Morbi feugiat.
  </div><div class="box">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tortor velit, sagittis ut placerat eget, commodo et dui. Morbi feugiat.    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tortor velit, sagittis ut placerat eget, commodo et dui. Morbi feugiat.
  </div><div class="box">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tortor velit, sagittis ut placerat eget, commodo et dui. Morbi feugiat.
  </div>  <div class="box">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tortor velit, sagittis ut placerat eget, commodo et dui. Morbi feugiat.
  </div><div class="box">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tortor velit, sagittis ut placerat eget, commodo et dui. Morbi feugiat.
  </div><div class="box">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tortor velit, sagittis ut placerat eget, commodo et dui. Morbi feugiat.
  </div>
  
</div>


            
          
!

CSS

            
              *, *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.box-container {
  background-color: red;
  padding: 1em;
  width: 50%;
}

.box {
  display: inline-block;
  background-color: white;
  margin: 1.5%;
  padding: 1em;
  width: 30%;
  vertical-align:top;
}
            
          
!

JS

            
              
            
          
!
999px
Loading ..................