JSFiddle - React, Tailwind, and code Playground

by cchana

HTML

<div class="half-circle"></div>

CSS

.half-circle {
    height: 30px;
    border-top-left-radius: 90px;
    border-bottom-left-radius: 90px;
    border: 10px solid gray;
    border-right: 0;
    border-bottom: 0;
    border-top: 0;
}