title: Is it possible for me to give a rounded right side to a div?
body: <p>I have a situation in which I'd like to be able to give a slight round to the right side of a div. Is there any CSS wizardy that can achieve this? If so, please demonstrate using this fiddle template: <a href="http://jsfiddle.net/z2hejemu/" rel="nofollow">http://jsfiddle.net/z2hejemu/</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="rounded-side"&gt;
      &lt;p&gt;This div is by default rectangular in shape. I'd like the right side of it to be rounded, if that's possible. &lt;/p&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>div.rounded-side {background-color:yellow;padding:10px;}
  
  div.rounded-side &gt; p {font-size: 36px;}
  </code></pre>