JSFiddle - React, Tailwind, and code Playground

HTML

<div>The thing</div><p>To center something, set it's margins to `auto`. To set an objects width, set it's `width`, to set an object's z-index, set it's position to something other than `static` (the default) and set it's z-index accordingly.</p>

CSS

div {
    width:40%;
    position:relative;
    z-index:5;
    margin:auto;
    background-color: red;
}
p {
    position: absolute;
    top: 0px;
}