JSFiddle - React, Tailwind, and code Playground

by dimitrios_87

HTML

<div id="wrapper">
  
      <div id="shadow"></div>
  
      <div id="content">
        CONTENT
      </div>
  
    </div>

CSS

div#wrapper {
  width:200px;
  height:258px;
  margin-left:20px;
  border-top:1px solid red;
  border-right:1px solid red;
  border-bottom:1px solid red;
}

div#wrapper > div#shadow {
  display:inline-block;
  width:1px;
  height:258px;
  box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.8)
}

div#wrapper > div#content {
  display:inline-block;
  height:258px;
  vertical-align:top;
}