JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
<div class="row">one block</div>
<div class="row">two block</div>
<div class="row">three block</div>
</div>
<div class="test">
<div class="row1">one block</div>
<div class="row1">two block</div>
<div class="row1">three block</div>
</div>

CSS

.test{margin: 20px;}
.row{display: inline-block; text-align: center; width: 200px; background: red; height: 50px; vertical-align: middle; color: yellow;}
.row1{display: table-cell; text-align: center; width: 200px; background: red; height: 50px; vertical-align: middle; color: yellow;}