JSFiddle - React, Tailwind, and code Playground

HTML

<div class="center-div">
    <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
</div>

CSS

.center-div {
    width: 100px;
    height: 100px;
    background-color: #0b94d6;
    color: white;
}
.center-div span
{
    max-height: 100px;
    max-width: 100px;
    position: absolute;
    margin-top: 50px;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: red;
}