JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <span class="middleelement" style="color: #FFF;font-weight: bold;">This is some text..</span>
</div>

CSS

body > div.wrapper {
background: #008000;
background-size: 100% 100%;
text-align: center;
display: table;
width: 100%;
height: 285px;
}
.middleelement {
color: #FFF;
font-weight: bold;
display: table-cell;
vertical-align: middle;
}