title: Making text appear on top of the quote
body: <p>Anybody have any ideas how to get my <code>h1</code> text to appear on top of the quote?</p>
  
  <p>NOTE:</p>
  
  <ol>
  <li>I don't want it to appear like the quote is before the H1 text, but on top of it.</li>
  <li>The quote should appear without any additional markup or text in the HTML.</li>
  </ol>
  
  <p>HTML</p>
  
  <pre><code>&lt;div&gt;
   &lt;h1&gt;Title&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>div {
      position: relative;
  }
  div:after {
      font-size: 100px;
      position: absolute;
      top: 0;
      left: 0;
      content:'"';
      color: red;
  }
  h1 {
      padding: .5em;
  }
  </code></pre>