JSFiddle - React, Tailwind, and code Playground

HTML

<div class="four">
    	<h2>Lorem ipsum dolor</h2>

    <p>Vestibulum in massa pellentesque, pharetra eros in, consectetur metus</p>
</div><div class="four">
    	<h2>Vestibulum in massa</h2>

    <p>Nullam pretium, dui ac tempus rhoncus, nisl nisl auctor ipsum, vitae sodales lectus</p>
</div><div class="four">
    	<h2>Nunc non massa luctus</h2>

    <p>Integer vel sapien dolor. Curabitur ac felis nunc. Integer vel tellus convallis, volutpat turpis a, aliquam est.</p>
</div><div class="four">
    	<h2>Etiam tincidunt vehicula</h2>

    <p>Suspendisse eu nibh aliquet sapien malesuada luctus</p>
</div>

CSS

.four {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}