JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mydiv-wrapper">
    <div id="mydiv">mytext - above everything and centered</div>
</div>

behind text

CSS

#mydiv-wrapper {
    width: 75%;
    position: fixed;
    left: 50%;
    top: 50px;
    margin: 0 0 0 -37.5%;
    z-index: 10000;
    text-align: center;
}

#mydiv {
    display: table;
    margin: auto;
}