JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="absolute"></div>
</div>

CSS

.wrapper{
    position:relative;
    height:200px;
    width:100%;
    background:#000;
}
.absolute{
    width:150px;
    height:200px;
    position:absolute;
    display:block;
    left:50%;
    margin-left:-75px;
    background:#0F3;
}