JSFiddle - React, Tailwind, and code Playground

by wojtiku

HTML

<div id="container">
    <p>Shadow test</p>
    <div>
        <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur  interdum, 
        </p>
    </div>
    <div></div>
</div>

CSS

#container {
    width: 300px;
    height: 200px;
    background: #cccccc;
    position: relative;
}

#container > div:first-child {
    width: 200px;
    margin: 20px auto 20px auto;
    height: 150px;
    background: #ffffff;
}


#container > div:last-child {
    position: absolute;
    top: 0;
    margin: 20px auto 20px auto;
    background: rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
}