title: tapered div using CSS
body: <p>I'm trying to achieve a tapered <code>&lt;div&gt;</code> tag. That is, a slant edge on one side (slanting inwards) and a straight edge on all the other 3 sides.</p>
  
  <p>I'm not sure if it is possible using CSS and HTML alone. I've tried Googling this problem, but could not find any solution to it.</p>
  
  <p>I've tried:</p>
  
  <pre><code>-webkit-border-bottom-right-radius : 50px 650px;
  </code></pre>
  
  <p>where 650px is the whole height if my div. But this gives me a rounded corner for the bottom right position, which I don't want. Hope you guys know the answer to this problem, or at least suggest an alternative to this.</p>