title: Repeating images with the :after pseudo-elements
body: <p>I would like to put headlines in my site like this: <a href="http://cl.ly/0m3F0j392e0G1n0s0T34" rel="nofollow">http://cl.ly/0m3F0j392e0G1n0s0T34</a>
  What i'd ideally like to do is use text for the headline and then have a 10px by 10px gif repeat horizontally after it.</p>
  
  <p><strong>EDIT:</strong> I should add that I would like to use a textured background so I can't set any solid colours to the h2 element.</p>
  
  <p>I have been able to add in the gif after the headline but I can't get it to repeat, even if i add repeat-x. Here's the code i used:</p>
  
  <pre><code>h2:after {
  content: 'url(img/imagehere.gif) repeat-x';
  }
  </code></pre>
  
  <p>Are there any workarounds for this or any alternate methods? I'd rather not resort to slicing the entire headline as an image. I've thought about floating the headline to the left then floating an empty div to the right with the gif as a repeating background image but I figure this is what the :after pseudo-element is for, right?</p>