JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<div class="parent">
  <div>
  
  <div class="child"></div> 
  </div>
</div>

CSS

.parent {
  width: 100%;
  height: 200px;
  background: blue;
  position: relative;
  z-index:0;
}
.child {
    background: green;
      position: relative;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 50px;
}

.child:before {
    content: "";
    background: red;
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    z-index:-1;
}