JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="center">12312313123123</div>
</div>

CSS

.wrapper {
    background-color: yellow;
    position: relative;
    left:50%;
    float:left;
}
.center {
    color: #fff;
    background-color: red;
    position:relative;
    left:-50%;
}