How do I prevent code written in my <pre> from rendering?

Question

So I am using the google code prettifier: http://code.google.com/p/google-code-prettify/

It does something similar to what stack overflow does here where when you write a block of code it beautifies it and adds syntax highlighting.

The problem I am haveing is if I write code like this

 <pre class="prettyprint">
   <div class="specialForm">
   ...
 </div>
 </pre>

instead of rendering the text just as stack overflow does, it actually renders the DIV on the page and I have no clue what I am doing wrong

Answer 1

If you look at the source here in stackoverflow, your post is actually:

<pre class="prettyprint">
   <div class="specialForm">
   ...
 </div>
 </pre>

This prevents the browser from treating them as html syntax and it prints literal <,> etc.