title: Using :before and :after pseudo-elements with images
body: <p>I'm wondering how you format the Content CSS in a <code>::after</code> pseudo-element?</p>
  
  <p>I'm trying to have an <code>h1</code> heading that has small images to the left and right of it.</p>
  
  <p>My code so far:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;h1&gt;This Week's Photo Features&lt;/h1&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>h1 {
    text-align: center;
  }
  
  h1:before {
    content: ("images/NikonD100_40x30.jpg");
  }
  </code></pre>