JSFiddle - React, Tailwind, and code Playground

by bazmegakapa

HTML

<div id="cont">
<span class="box">A<br><br><br><br></span>
<span class="box">B<br></span>
<span class="box">C<br><br><br></span>
<span class="box">D<br><br><br></span>
<span class="box">E<br><br><br><br><br><br></span>
<span class="box">F</span>
<span class="box">G<br><br><br><br></span>
<span class="box">H<br></span>
<span class="box">I<br><br></span>
</div>

CSS

#cont { -webkit-column-width: 100px; background: gray; }

.box { display: inline-block; vertical-align: top; width: 100px; background: black; color: white; margin-bottom: 20px; }