JSFiddle - React, Tailwind, and code Playground

by pramendra

HTML

<html>
    <body>
        <div id="box">
            <div id="wrapper">
                <div id="box_content">
                    Content here
                </div>
            </div>
        </div>
    </body>
</html>

CSS

#box{
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 10px #000000;
    width: 300px;
    height: 300px;
}
#body{
    margin: 0px;
}


#wrapper{
    display:inline-block;
    width: 280px;
    height: 280px;
    border-radius: 5px;
    box-shadow: 0 0 10px #000000 inset;
      box-shadow:inset 0 0 10px 0 #000000;
        margin: 10px;
}

#box_content{
    background-color: #f00;
    margin:5px;
}