JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
<div class="inner">INNER DIV</div>
<div class="inner">INNER DIV</div>
<div class="inner">INNER DIV</div>
<div class="inner">INNER DIV</div>
<div class="inner">INNER DIV<br /> INNER DIV <br />INNER DIV INNER DIV <br />INNER DIV INNER<br /> DIV INNER DIV</div>
<div class="inner">INNER DIV</div>
<div class="inner">INNER DIV</div>
<div class="inner">INNER DIV</div>
<div class="inner">INNER DIV</div>
<div class="inner">INNER DIV</div>
<div class="inner">INNER DIV</div>
<div class="inner">INNER DIV</div>
<div class="inner">INNER DIV</div>
<div class="inner">INNER DIV</div>
</div>

CSS

.outer{ 
  display: table; 
}
.inner{ 
  display: inline-block; 
   background: #fff; 
   border: 1px solid #000; 
   padding: 10px; 
   margin-bottom: 20px; 
   float: none; 
   text-align: left; 
   vertical-align: top;
}