title: Putting an icon at the end of header text
body: <p>I have a header text in a h1 tag. I'd like to have a small icon at the end of the text (so on the right side of the text)</p>
  
  <p>The text varies in length obviously.</p>
  
  <p>I have set the h1 style to have a background image, no repeat, but it puts it way over to the edge of the div.</p>
  
  <p>Any way I can get it to always line-up at the end of the text? I'm presuming this can't be done with a bg-image like I have tried?</p>
  
  <pre><code>h1 {
  background-image:url(images/quotemarks.png);
  background-repeat:no-repeat;
  background-position:right;
  </code></pre>