JSFiddle - React, Tailwind, and code Playground

by mrivasa

HTML

<div class="parent">
  <div class="backdrop">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ipsum turpis, euismod in tempus id, porttitor eu dui. Fusce commodo libero enim, sed lacinia neque vehicula quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ipsum turpis, euismod in tempus id, porttitor eu dui. Fusce commodo libero enim, sed lacinia neque vehicula quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ipsum turpis, euismod in tempus id, porttitor eu dui. Fusce commodo libero enim, sed lacinia neque vehicula quis. </div>
  <div class="curtain" style="">15</div>
</div>
<div class="parent">
  <div class="backdrop">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ipsum turpis, euismod in tempus id, porttitor eu dui. Fusce commodo libero enim, sed lacinia neque vehicula quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ipsum turpis, euismod in tempus id, porttitor eu dui. Fusce commodo libero enim, sed lacinia neque vehicula quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ipsum turpis, euismod in tempus id, porttitor eu dui. Fusce commodo libero enim, sed lacinia neque vehicula quis. </div>
  <div class="curtain" style="">16</div>
</div>
<div class="parent">
  <div class="backdrop">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ipsum turpis, euismod in tempus id, porttitor eu dui. Fusce commodo libero enim, sed lacinia neque vehicula quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ipsum turpis, euismod in tempus id, porttitor eu dui. Fusce commodo libero enim, sed lacinia neque vehicula quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ipsum turpis, euismod in tempus id, porttitor eu dui. Fusce commodo libero enim, sed lacinia neque vehicula quis. </div>
  <div class="curtain" style="">17</div>
</div>

CSS

.backdrop{
  border:2px solid red;
  position:absolute;
}

.curtain {
  text-align:center;
  z-index: 1100;
  background-color:black;
  opacity:0.5;
  color: white;
  height: 100%;
  font-size:36px;
}