JSFiddle - React, Tailwind, and code Playground

by laiqs2011

HTML

<div id="box-container">
	<div id="box-red"></div>
	<div id="box-green"></div>
  <div id="box-blue"></div>
</div>

CSS

#box-container {
		position: relative;  
		height: 200px;   
		background: gray;
    padding: 10px;
	}
	#box-red {
		position: absolute; top: 10px; left: 10px;
    z-index: 3;   
    width: 50%;
		height: 50px;
		background: red;
	}
	#box-green {
	  position: absolute; top: 40px; left: 60px;
    z-index: 1;   
    width: 50%;
		height: 50px;
		background: green;
	}
  #box-blue {
	  position: absolute; top: 20px; left: 110px;
    z-index: 2;   
    width: 50%;
		height: 50px;
		background: blue;
	}