JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li class="test">Item 1</li>
<li class="test">Item 1</li>
<li class="test">Item 1</li>
<li class="test">Item 1</li>
</ul>

CSS

.test{
    width:200px;
    height:30px;
    border: 1px solid black;
    text-align:center;
    margin:0 20px 20px 0;
box-shadow: 8px 8px 8px #b9d5de;
-o-box-shadow: 10px 10px 5px #888;
-icab-box-shadow: 10px 10px 5px #888;
-khtml-box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #b9d5de;
    
}