title: How to show <div> tag literally in <code>/<pre> tag?
body: <p>I'm using <code>&lt;code&gt;</code> tag inside of a <code>&lt;pre&gt;</code> tag to show code on my blogger blog. Unfortunately it doesn't work with HTML tags. Is there any way to show "<code>&lt;div&gt;</code>" inside of <code>&lt;pre&gt;</code> or <code>&lt;code&gt;</code> tag without actually interpreting it as HTML? This is what I do right now:</p>
  
  <pre><code>&lt;pre&gt;
   &lt;code&gt;
   .class {        
     color:red;
   }
   // I would like HTML code inside this
   &lt;/code&gt;
  &lt;/pre&gt;
  </code></pre>
  
  <p>Which works ok for everything except HTML. Any idea how to achieve this? Thanks.</p>