JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.wrapper {
    height:200px;
    background-color: yellow;
    overflow:hidden;
}
.center {
    color: #fff;
    background-color: red;
    position:relative;
    top:50%;
    height:50px;
    margin-top: -25px;
}