JSFiddle - React, Tailwind, and code Playground

by Daffa Aditya

HTML

<div class="wrap">
    <div class="posisi1">Posisi1</div>
    <div class="posisi2">Posisi2</div>
</div>

CSS

.wrap {
    background:#000;
    width:300px;
    height:200px;
    margin:10px;
    padding:10px;
}
.posisi1 {
    background:#FFF;
    width:200px;
    height:100px;
    position:static;
    top:30px;
    left:20px;
    padding:5px;
}
.posisi2 {
    background:#FF0000;
    width:200px;
    height:100px;
    position:relative;
    top:100px;
    left:20px;
    padding:5px;
}