JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div_one">Привет, Привет, Привет, Привет</div>

CSS

#div_one {
    min-height: 100px;
    width: 200px;
    display: table-cell;
    vertical-align: middle;
    background-color: #999;
}

JavaScript

Если из #div_one убрать min- и float - получится #div_two, в котором всё работает как надо, за той лишь разницей, что мне нужно свойство min-height, а оно не работает без float.