JSFiddle - React, Tailwind, and code Playground

by hamix

HTML

<div id="shadow"> 
   <div id="main">start   
       <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />end
       <br /><br />
   </div>
</div>

CSS

#main{
    position:absolute;
    overflow: scroll;
    background:#fff;
    margin:10px;
    width:180px;
    height:380px;  
    max-height: 380px;
}
#shadow{
    background:#aaa;
    width:200px;
    height:400px;  
    position:relative;
    -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}