JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">

    <p>Text</p>

</div>

CSS

.wrapper {
    width:500px;
    height:50px;
    background:#000;
    margin:0px auto;
}

.wrapper p {
    display:block;
    margin:0 auto;
    background:red;
    color:#fff;
}