JSFiddle - React, Tailwind, and code Playground

by digthedoug

HTML

<div class="outerborder">
   <div class="middleborder">   
       <div class="innerborder">
           <div class="contentarea">

              Text here lalalalala

           </div>
       </div>
   </div>
</div>

CSS

.outerborder
{
 border-radius:10px;
 border: 1px solid #000;
}

.middleborder
{
 border-radius:10px;
 border: 10px solid rgba(102,153,102, 1);
 background-color: rgba(102,153,102, 1);
}

.innerborder
{     
 border-radius:10px;
 border: 1px solid #000;
}

.contentarea
{
 padding: 10px;
 border-radius:10px;
 background: #c7c7c7;
}