JSFiddle - React, Tailwind, and code Playground

by Mostafa Zeinivand

HTML

<div id="first">
    relative positioning
    <br/><br/><br/><br/>
</div>
<div id="second">
    <div id="third">
        relative positioning
        <br/><br/>
    </div>
    <div id="fourth">
        absolute positioning
    </div>
    <br/><br/><br/>
</div>

CSS

#first{
    position:relative;
    top:0px;
    left:0px;
    background:#009933
}
#second{
    position:relative;
    top:20px;
    right:0px;
    background:#006B24;
}
#third{
    position:relative;
    top:15px;
    left:0px;
    background:#003D14;
}
#fourth{
    position:absolute;
    top:8px;
    right:10px;
    background:#000;
    color:#FFF;
}
body{
    background:#e7e7e7;
}