JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <div class="hcenter">
        OLA OLA OLA OLA OLA OLA OLA OLA OLA OLA OLA
    </div>    
</div>

CSS

*{margin:0; padding:0;}

.box{
  display:table;
  width: 300px;
  height: 300px;
  border: 1px solid black;
}

.hcenter{
    display: table-cell;
    vertical-align: middle;
}