JSFiddle - React, Tailwind, and code Playground

HTML

<div id="circle">
    <div id="incircle"></div>
</div>

CSS

#circle{
   
    width:200px;
    height:200px;
    border-radius:50%;
    background:green;
}

#incircle{
   
   
    width:100px;
    height:100px;
    border-radius:50%;
    border:50px dotted orange;
}