JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="inner">This paragraph should be centered in the larger box</div>
</div>

CSS

.main {
    height: 72px;
    line-height:72px;
    border: 1px solid #000000;
    text-align: center;
}
.inner {
    display: inline;
    vertical-align: middle;
    border: 1px solid #000000;
    width: 60%;
}