JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="item">
        <div class="textitem">Text</div>
    </div>
    <div class="item">
        <div class="textitem">MoreText</div>
    </div>
    <div class="item">
        <div class="textitem">Even more text</div>
    </div>
</div>
<div class="container">
    <div class="item">
        <div class="textitem">Text</div>
    </div>
    <div class="item">
        <div class="textitem">MoreText</div>
    </div>
    <div class="item">
        <div class="textitem">Even more text</div>
    </div>
    <div class="item">
        <div class="textitem">Foo bar</div>
    </div>
</div>

CSS

.container {
    width:900px;
    margin:10px auto;
    text-align: justify;
}
.container:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.container > .item {
    display: inline-block;
    text-align:center;
    width:160px;
    height:160px;
    background-color:#CCCCCC;
}
.container > .item:before, .container .textitem {
    display: inline-block;
    vertical-align: middle;
}
.container > .item:before {
    height: 100%;
    content:'';
}