JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Table Cell Test</h1>

<div class="content">Lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots of content.
 </div>
 <div class="content">
    I wish I was the same height as my fellow div
</div>

CSS

.content {
    display: table-cell;
    padding: 10px;
    background-color: red;
    border: 1px solid #ccc;
    width: 50%;
    vertical-align: middle;
}