JSFiddle - React, Tailwind, and code Playground

by Сергей Тарасевич

HTML

<div>
    <div>1</div>
    <div>2
        <br />2.2</div>
    <div>3</div>
    <div>4</div>
</div>

CSS

div {
    display: table;
    border-collapse: collapse;
    width: 100%;
}
div > div {
    border: 1px solid black;
    display: table-cell;
    vertical-align: middle; /* top, middle, bottom = расположение в нутри ячейки */
    width: 25%;
}