JSFiddle - React, Tailwind, and code Playground

by wheresrhys

HTML

<div id="shady-so-and-so">
gwejhfgw<br>
sdfdsf<br>
sdfdsf<br>
sdfdsf<br>
sdfdsf<br>
sdfdsf<br>
sdfdsf<br>
sdfdsf<br>
</div>

CSS

#shady-so-and-so {
 box-shadow: 2px 2px 2px 2px #ccc;
height: 200px;
width: 200px;
margin: 50px;
background: red;    

}

#shady-so-and-so:after {
  content: " ";
  height: 30px;
  background: lime;
display: block;   
   position: static;
}