JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="centered-content">
        Center this!
   </div>
</div>

CSS

.container {
    width: 100%;
    height: 120px;
    background: #ccc;
    text-align : center;
}

.centered-content {
    display: inline-block;
    background: #fff;
    padding : 20px;
    border : 1px solid #000;
}