JSFiddle - React, Tailwind, and code Playground

by Sarmad Aljazrawi

HTML

<div id="circle3" class="circle"><div id="circle4" class="circle"></div></div>

CSS

#circle3 {
    width: 24px;
    height: 24px;
    background: #0098db;
    position: relative;
}

#circle4 {
    width: 14px;
    height: 14px;
    background: #0098db;
    position: absolute;
    top: 12%;
    left: 14%;
    display: block;
    border: 2px solid #fff;
}

.circle {
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
}