JSFiddle - React, Tailwind, and code Playground

by Wentz Wu

HTML

<div id="div1">Hello</div>
<img src="http://www.htmq.com/css3/images/border-radius01.gif" />
<img src="http://red-team-design.com/wp-content/uploads/2011/04/box-shadow-values.png" />

CSS

#div1{
    width: 100px;
    height: 100px;
    border: 1px solid red;
    border-radius: 100px 25px 50px 50px / 50px 25px 50px 25px;
    box-shadow: 3px 3px 10px 5px #000;
    margin-bottom: 20px;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
}