JSFiddle - React, Tailwind, and code Playground

by kangismet

HTML

<div id='div1'>
    <div class='div2'>Ini DIV2 dengan position:static</div>
    <div class='div3'>Ini DIV3 tanpa deklarasi position</div>
</div>

CSS

body {
    background:#f2f2f2;
    font:normal 12px Arial;
}
#div1 {
    background:black;
    height:150px;
    width:80%;
    margin:20px auto;
    text-align:center;
    color:white;
}
.div2 {
    background:red;
    width:250px;
    height:50px;
    line-height:50px;
    top:25px;
    left:10px;
    position:static;    
}
.div3 {
    background:green;
    width:250px;
    height:50px;
    line-height:50px;
    top:15px;
    left:10px;   
}