title: CSS3 - How do I create a circular border-radius on a rectangle?
body: <p>I have a div. It scales responsively, using percentages. I would like to have the edges be circular.</p>
  
  <p>I know how to make rounded corners. I would like to make it shaped like this (don't care about color).<br>
  <a href="https://i.stack.imgur.com/Z4Eqt.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Z4Eqt.jpg" alt="this rounded corner"></a><br>
  I'd really like to avoid JavaScript if possible, but if it is the only way, so be it. </p>