JSFiddle - React, Tailwind, and code Playground

by iamanubhavsaini

HTML

<div id="boxc">
    <div class="a"></div>
    <div class="b"></div>
    <div class="c"></div>
</div>
<div id="boxr">
    <div class="a"></div>
    <div class="b"></div>
    <div class="c"></div>
</div>

CSS

#boxc{
    height:200px;    width:200px;
    -webkit-border-radius:100px;
    position:relative;
    background-color:red;
}
#boxr{
    height:200px;    
    width:200px;
    position:relative;
    background-color:green;
}
.a{position:absolute; top:10px;
background-color:navy;
    height:10px;width:10px;
}