title: CSS3 border radius on 2 spans within heading, is this effect possible?
body: <p>I'd like to achieve the shape I've posted in link below for all my h2s on a page. I have a rough idea how I could do it using png background images with a couple of spans inside the heading perhaps.</p>
  
  <p><a href="http://vurtmedia.net/header.png" rel="nofollow">http://vurtmedia.net/header.png</a></p>
  
  <p>Any ideas on if this would be possible in pure CSS? I'd much prefer this, as I am not bothered about IE9 or lower in this instance. </p>
  
  <p>Sorry if my post description isn't the best, not sure how to describe this shape! </p>
  
  <p>Thanks in advance :) </p>
  
  <p>Pat </p>