title: pretty html highlighting using <span>
body: <p>I'm highlighting text in a HTML document using <code>&lt;span&gt;</code> tags around the content to be highlighted.  The span class has a <code>background-color</code> defined, and a <code>border-radius</code> is also set.  This works well.</p>
  
  <p>I'd like the highlight to extend a bit further beyond the normal extents of the <code>&lt;span&gt;</code> content.  That is, a few pixels to the left of the span-start, and a few pixels to the right of the span-end.  Ideally I'd do this without spacing apart the content itself.</p>
  
  <p>Any good css tricks I can use to achieve this?</p>