How to create an arc with the help of css ?

Answer 1

html:
<div class="smile"></div>

css:
.smile {
height: 45px;
width: 12px;
border-radius: 20px 0 0 20px;
border-left: 10px solid black;
transform: rotate(-90deg);
}
https://code.sololearn.com/W3aGpBIirXQC/?ref=app