title: Ideas on how to display/present HTML tags on a webpage
body: <p>Is there a way to write HTML onto a webpage, but have it rendered as text?</p>
  
  <p>Let me explain: I want to build a webpage with a discussion on HTML. Therefore there will be sections like</p>
  
  <pre><code>&lt;div&gt;
      &lt;p&gt;
          &lt;span&gt;Hello world&lt;/span&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like that to formatted properly with indentation, and perhaps even have the tags in a different colour scheme.</p>
  
  <p>I'm fully aware that I could write the styling for this myself, but surely someone has already written and made available a stylesheet, a LESS mixin, or perhaps a jQuery plugin which recognises and formats for me?</p>
  
  <p>UPDATE: Just to make people aware, I realise that I have to HTML-encode the tags (&amp;lt; and &amp;gt;). But that doesn't help with the formatting/presentation, and it's the formatting/presentation that I'm looking for help with.</p>