JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span>som itj othiot som itj othiotsom itj othiotsom itj othiot som itj othiotsom itj othiotsom itj othiot som itj othiotsom itj othiot</span>
</div>

CSS

body {
    height: 100%;
    width: 100%; 
}
div
{
   border: 1px red solid;
   height: 30%;
   width: 40%;  
   text-align: center;
   left: 0;
   margin: auto;
   top: 0;
   right: 0;
   position: absolute;
}
span {  
    display: inline-block; 
    vertical-align: middle;
    background-color: red;
}

div:after
{
   display: inline-block; 
   vertical-align: middle; 
   height: 100%;
   content:"";
}