JSFiddle - React, Tailwind, and code Playground

by Dipak1991

HTML

<div id="my-div">
    <div class="top"></div>
    <div class="bottom"></div>
</div>

CSS

#my-div {
    position: relative;    
    width:300px;
    height:1000px;
    border: 1px solid grey;root1232
    
}

div:not(#my-div) {
    border:1px solid red;
    left:0;
    right:0;
    margin:auto;
}

.top {
    position:absolute;
    width:150px;
    height:90px;
    top:20px;    
}

.bottom {
    position:absolute;
    width:150px;
    height:90px;
    top:190px;
}