JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="blok"><p>test</p></div>
    <div class="blok"><p>test</p><p>test</p><p>test</p></div>
    <div class="blok"><p>test</p><p>test</p></div>
</div>

CSS

.container{
    text-align:center;
}
.blok{
    display:inline-block; 
    zoom:1;
    *display:inline;
    width:100px; 
    height:200px; 
    background:red; }
.blok p{float:left; width:100px;}