JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="item">
    here it is
</div>
</div>

CSS

.container{
    position:relative;
    height:400px;
    background:red;
}
.item{
    height:200px;
    width:50px;
    background:blue;
    position:absolute;
    top:50%;
    margin-top:-100px;
}