JSFiddle - React, Tailwind, and code Playground

by fdezluis96

HTML

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="first" class="1 shadow">Text</div>
<div id="firs" class="1 shadow">Text</div>
<br />
<div id="21" class="2 shadow">Text</div>
<div id="second" class="2 shadow">Text</div>
</body>

CSS

#first{
    position:relative;
    z-index:2;
}
.shadow{
    background: #fff;
    border:1px solid #000;
    width:100px;
    height:20px;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
}
#second{
    margin-top:10px;
}