JSFiddle - React, Tailwind, and code Playground

HTML

<div id="centerDiv" class="centerDiv">
   <h1>Title</h1>
   <p>Text will go here.</p>
</div>

CSS

.centerDiv{
width:800px;
border-radius: 5px;
background:#ccc;
padding:10px;
height:50px;
position:absolute;
margin-top:-25px;
margin-left:-400px;
top:50%;
left:50%;}