JSFiddle - React, Tailwind, and code Playground
HTML
<div class="page-content">
<div class="post">
Post content
</div>
<div class="post">
Post content <br/>
Post content <br/>
Post content <br/>
Post content <br/>
</div>
<div class="post">
Post content
</div>
<div class="post">
Post content <br/>
Post content <br/>
Post content <br/>
</div>
<div class="post">
Post content
</div>
<div class="post">
Post content <br/>
Post content <br/>
Post content <br/>
Post content <br/>
Post content <br/>
Post content <br/>
</div>
<div class="post">
Post content <br/>
Post content <br/>
</div>
<div class="post">
Post content
</div>
<div class="post">
Post content
</div>
<div class="post">
Post content <br/>
Post content <br/>
Post content <br/>
Post content <br/>
</div>
<div class="post">
Post content
</div>
<div class="post">
Post content <br/>
Post content <br/>
Post content <br/>
</div>
<div class="post">
Post content
</div>
<div class="post">
Post content <br/>
Post content <br/>
Post content <br/>
Post content <br/>
Post content <br/>
Post content <br/>
</div>
<div class="post">
Post content <br/>
Post content <br/>
</div>
<div class="post">
Post content
</div>
</div>
CSS
.page-content {
column-gap: 5px;
-moz-column-gap: 5px;
-webkit-column-gap: 5px;
column-width: 240px;
-moz-column-width: 240px;
-webkit-column-width: 240px;
height: 300px;
}
.page-content .post {
width: 235px;
min-height: 30px;
padding-right: 5px;
margin: 10px 5px 0 5px;
column-span: 1;
-moz-column-span: 1;
-webkit-column-span: 1;
background: #DDD;
border: solid 1px #AAA;
display: inline-block;
}