JSFiddle - React, Tailwind, and code Playground

HTML

<div class="A"><div class="B" data-content="Example">Example</div></div>

CSS

.A {
    background: blue;
    display: inline-block;
}
.B {
    position: relative;
    color: transparent;
}
.B:before {
    content: attr(data-content);
    position: absolute;
    display:block;
    left:50%;
    top:50%;
    background: red;
    color:#000;
}