JSFiddle - React, Tailwind, and code Playground

HTML

<div id=d1 class=box-shadow>
    this is the div that never ends<br/>
    this is the div that never ends
</div>

CSS

#d1{
    background-color:#eee;
    font-family:"Trebuchet MS";
    width:300px;
    
}

.box-shadow
{
    
    /* parameters: horizontal-offset vertical-offset blur-radius color*/
    
    -moz-box-shadow:5px 5px 5px #cccccc; /*ff3.5+*/
    
    -webkit-box-shadow:5px 5px 5px #cccccc; /*safari3.2+*/
    
    box-shadow:5px 5px 5px #cccccc; /*chrome3+, opera10.5+, ie9+*/ 
    
    /* strength=shadow length. direction=angle in degrees clockwise from midnight. color=name or #nnnnnn*/
    
    
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#cccccc); /*ie5.5-7*/
    
    zoom:1; /*ie6hack*/
    
}