JSFiddle - React, Tailwind, and code Playground

by flaprogrammer

HTML

<div class="container">
    asgdhasdfhsadhashd<br><br><br><br><br><br><br><br>agsdgsaadsg
    <div class="box"></div>
</div>

CSS

.container {
    position: relative;
    height: 500px;
    border:1px solid #ccc;
}

.box {
    width: 100px;
    height: 100px;
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    margin: auto;
    border:1px solid blue;
}