title: Insert special character using :before pseudo class in css
body: <p>I was toying around with the <code>:before</code> pseudo class in css, trying to insert a special character but the result is not what I was hoping for.</p>
  
  <p>Using:</p>
  
  <pre><code>.read_more:before {
      content: "»";
      margin-right: 6px;
  }
  </code></pre>
  
  <p>I get the character I want, but with an <strong>&Acirc;</strong> character before it and using:</p>
  
  <pre><code>.read_more:before {
      content: "&amp;raquo;";
      margin-right: 6px;
  }
  </code></pre>
  
  <p>I get the complete <code>&amp;raquo;</code> on the html page.</p>
  
  <p>I can think of a couple of ways to solve my problem, but I was wondering what the correct syntax would be if I wanted to use the <code>:before</code> pseudo class.</p>
  
  <p>By the way, my doctype is:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  </code></pre>