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;
    text-align: center;
    border: 1px solid grey;root1232
    
}

div:not(#my-div) {
    border:1px solid red;    
    display: inline-block;
    margin: 10px;
}

.top {    
    width:150px;
    height:90px;
    
}

.bottom {
    
    width:150px;
    height:90px;
    
}