JSFiddle - React, Tailwind, and code Playground

by SANDEEP VIRANI

HTML

<div class="reltv10">RELATIVE TOP 10PX
    <div class="mrgn20">MARGIN TOP -10PX
        <div class="mrgn10">BOTTOM 10PX</div>
    </div>
</div>

CSS

.reltv10{
    height:300px;
    width:400px;
    background:#666;
    position:relative;
    bottom:10px;
}
.mrgn20{
    height:200px;
    width:200px;
    background:#999;
    margin:-10px 0 0 100px;
}
.mrgn10{
    height:100px;
    width:100px;
    background:#EEE;
    margin:0 0 0 50px;
}
body{
    background:#000;
    margin:0 auto;
    padding:50px;
    text-align:center;
    
}