JSFiddle - React, Tailwind, and code Playground

HTML

<div class="playerDetailsPage">
                <h4>The text will be in the center</h4>
        </div>

CSS

.playerDetailsPage {
    background-color: #edd4d4; 
    width: 630px;
    height: 390px;
    text-align: center; 
    vertical-align: middle;
    line-height: 390px;
}