JSFiddle - React, Tailwind, and code Playground

HTML

<div class="red">Test1</div>
<div class="yellow">Test2</div>
<div class="green">Test3</div>

div
{
    border-style: solid;
    border-width: 1px;
    margin-bottom: 2px;    
}

div.red
{
    border-color: #FF4545;
    background-color:#FED9D8;
}

div.yellow
{
    border-color: #D7DA00;
    background-color:#FFFFD7;
}

div.green
{
    border-color: #009600;
    background-color:#CDFFCD;
}

CSS

div
{
    border-style: solid;
    border-width: 1px;
    margin-bottom: 2px; 
    padding: 2px;
}

div.red
{
    border-color: #FF4545;
    background-color:#FED9D8;
}

div.yellow
{
    border-color: #D7DA00;
    background-color:#FFFFD7;
}

div.green
{
    border-color: #009600;
    background-color:#CDFFCD;
}