JSFiddle - React, Tailwind, and code Playground

HTML

<div class="helper"></div><div class="content">Lorem ipsum</div>

CSS

HTML,
BODY {
    margin:0;
    padding:0;
    height:100%;
    text-align:center;
    white-space:nowrap;
    }
    .helper {
        display:inline-block;
        height:100%;
        width:1px;
        margin-left:-1px;
        vertical-align:middle;
        }
    .content {
        display:inline-block;
        vertical-align:middle;
        white-space: normal;
        }
/* Uncomment and move these styles to conditional comments to enable inline-block in IE */
/*.helper,
.content {
    zoom:1;
    display:inline;
}
*/