JSFiddle - React, Tailwind, and code Playground

HTML

<div id="column-content">
    <div>yet another text content that should be centered vertically</div>
</div>

CSS

#column-content {
        border: 1px solid red;
        height: 200px;
        width: 100px;
    }
    div {
        display: table-cell;
        vertical-align:middle;
        text-align: center;
    }