JSFiddle - React, Tailwind, and code Playground

HTML

<!-- HTML box example -->
<div class="box"></div>

<div class="box green-box"></div>

<div class="box red-box round-corners"></div>

<div class="box blue-box round-corners"></div>

CSS

/* Example chaining css */
.box {
    width:100px;
    height:100px;
    background-color: black;
    float: left;
    margin:20px;
}
.green-box {
    background-color: green;
}
.red-box {
    background-color: red;
    box-shadow: 0 0 10px 5px #bbb;
}
.blue-box {
    background-color: blue;
    transform: rotate(45deg);
}
.round-corners {
    border-radius: 20px;
}