JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div id="arcs">
    <div>
        <div>
            <div>
                <div></div>
            </div>
        </div>
    </div>
</div>

CSS

#arcs div {
    border: 2px solid #000;
    display: inline-block;
    min-width: 4em;
    min-height: 4em;
    padding: 0.5em;
    border-radius: 50%;
    border-top-color: transparent;
    border-bottom-color: transparent;
}