title: Prism HTML highlighter
body: <p>I'm using <a href="http://prismjs.com/" rel="noreferrer">Prism</a> and its working well for CSS:</p>
  
  <pre><code>&lt;pre&gt;&lt;code class="language-css"&gt;p { color: red }&lt;/code&gt;&lt;/pre&gt;
  </code></pre>
  
  <p>but i can't get it working for html:</p>
  
  <pre><code>&lt;pre&gt;&lt;code class="language-html"&gt;&lt;p class="red"&gt;red text&lt;/p&gt;&lt;/code&gt;&lt;/pre&gt;
  </code></pre>
  
  <p>I have 2 problems:</p>
  
  <ol>
  <li><p><code>&lt;</code> and <code>&gt;</code> are represented as tags, not as text, but i could replace it by <code>&amp;lt;</code> and <code>&amp;gt;</code></p></li>
  <li><p>More important, even replaced as shown in problem 1, the highliter will not highlight any code and everything is just black. Despite that it is working for CSS, whole code looks like this:</p></li>
  </ol>
  
  <blockquote>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link href="prism.css" rel="stylesheet" /&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;script src="prism.js"&gt;&lt;/script&gt;
          &lt;pre&gt;&lt;code class="language-css"&gt;p { color: red }&lt;/code&gt;&lt;/pre&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  </blockquote>
  
  <p>Thanks for any help.</p>