JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a"></div>
<div class="b"></div>

CSS

.a{
    width: 0;
    height: 0;
    border: 180px solid red;
    border-radius: 180px;
}
.b{
    background:red;
    width: 360px;
    height: 360px;
    border-radius: 180px;
}
/* Both classes a and b will give the identical output */