How to make arcs?

Question

css

How can you create such arcs in CSS?
Or maybe you can draw in SVG?

Answer 1

Create a block, with different sizes (Let's say 100px by 50px);
Make border-radius: 50%;
Make border;
Create a :before element with a white background;
position: absolute, and adjust as needed;