JSFiddle - React, Tailwind, and code Playground

HTML

<table class="wrapper">
    <tr>
        <td>
            <div class="content">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in  lobortis ante. Phasellus rhoncus, magna adipiscing consequat viverra,  nibh lectus eleifend neque, eget fermentum massa mauris id felis. Morbi  aliquet fermentum quam ut sollicitudin. 
            </div>
        </td>
    </tr>
</table>

CSS

html, body, .wrapper { 
    height:100%;   
}

.wrapper {
    margin: 0 auto; /* center horizontally */
}

.wrapper td {
    height:50%;
     vertical-alignment: middle; /* center vertically */   
}

.content {
    width: 350px;
    background:#ccc;
}