JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cont"> <span style="">
      Random Text
    </span>

    <div>

CSS

html, body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
.cont {
    width:100%;
    height:100%;
    display:table;
}
.cont > span {
    border:1px solid red;
    width:49%;
    height:50%;
    display:table-cell;
    vertical-align:middle;
    font-size:x-small;
    font-family:Verdana;
    font-weight:bold;
    
}