JSFiddle - React, Tailwind, and code Playground

by Ritesh Pandey

HTML

<!-- Playing with stacking context -->
<div class="one">Test One</div>
<div class="two">Test Two</div>
<div class="three">Test Three</div>
<div class="four">Test Four</div>

CSS

div{
    padding: 10px;
}
.one, .three{
    background-color: red;
}
.two, .four{
    background-color: blue;
}
.two{
    position: absolute;
    margin-top: 100px;
}
.three{
    position: absolute;
    margin-top: 70px;
}