title: Create doughnut shape in CSS
body: <p>I know how to create a css circle with border radius etc, but i'm interested in creating a css only doughnut shape roughly like this one here -> <img src="https://i.stack.imgur.com/9D2tr.jpg" alt="enter image description here"> </p>
  
  <p>It would be one div but curved round back onto itself,</p>
  
  <p>any ideas??</p>