JSFiddle - React, Tailwind, and code Playground

HTML

<span class="outer">
    <div class="outer">
        <div class="inner">
        </div>
    </div>
</span>

CSS

span.outer{
    position:relative;
}

div.outer {
    background:yellow;
    border:solid 1px black;    
    overflow:hidden;    
    -moz-border-radius: 12px;
    border-radius: 12px;   
}

.inner {
    background:red;
    height:50px;
}