JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
    <td>Привет</td>
</tr>
</table>

CSS

table td {
    min-height: 100px;
    width: 500px;
    vertical-align: middle;
    background-color: #eee;
}

JavaScript

min-height работает только при добавлении float: left;
vertical-align работает только при height: 100px; без float: left;
Необходимо, чтобы работало и то и другое.