title: Create half vertical oval using css
body: <p>I am trying to create an vertical semi oval shape using css. 
  I am using the following code to create a full vertical oval</p>
  
  <pre><code>#oval {
      width: 100px;
      height: 200px;
      background: red;
      -moz-border-radius: 50px / 100px;
      -webkit-border-radius: 50px / 100px;
      border-radius: 50px / 100px;
      position: relative;
  }
  </code></pre>
  
  <p>but I want to create it as only left part of this oval(like a 'D')
  I trie using the following code but it gives me blunt edges.</p>
  
  <pre><code>#oval2{
      height:200px;
      width:50px;
      border-radius: 0% 100% 100% 0%;
      -moz-border-radius: 0 100% 100% 0;
      -webkit-border-radius:  0 100% 100% 0;
      background:green;
  }
  </code></pre>
  
  <p>I want sharp edges as in a full oval . How can I achieve the same</p>