JSFiddle - React, Tailwind, and code Playground

by hiral

HTML

<div id="container">
    <div class="absolute"></div>
    <div class="relative">
        <span class="text">hello</span><!--
        --><span class="text">world</span>
    </div>
</div>

CSS

html, body {
    margin:0;
    padding:0;
}
body {
    background:#EEE;
    font-size:20px;
}
#container {
    background:white;
}
.absolute {
    background:red;
    position:absolute;
    height:24px;
    width:50px;
    z-index:1;
}
.relative {
    position:relative;
    z-index:2;    
}
.text{color:transparent;background-color:#ccc;}