title: how to make an oval in css?
body: <p>I want to make an oval like:</p>
  
  <p><img src="https://i.stack.imgur.com/SxfFZ.png" alt="enter image description here"></p>
  
  <p>But when i used this code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html"; charset="utf-8" /&gt;
          &lt;title&gt;Oval&lt;/title&gt;
          &lt;style type="text/css"&gt;
              .oval {
                  width: 160px;
                  height: 80px;
                  background: #a84909;
                  border-radius: 40px;
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="oval"&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>It gives me this:</p>
  
  <p><img src="https://i.stack.imgur.com/uRZHH.png" alt="enter image description here"></p>
  
  <p>To make a circle it works, but an oval not.</p>