JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="center">12312313123123</div>
</div>

CSS

.wrapper {
    height:200px;
    background-color: yellow;
    position:relative;
}
.center {
    color: #fff;
    background-color: red;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}