Com jQuery e CSS, você pode recuperar o HTML e setar esse conteúdo como texto:

<!-- language: lang-js -->

    $('.classe').text($('.classe').html())

E então definir um CSS para a fonte ficar com o espaçamento correto:

<!-- language: lang-css -->

    .classe {
        display: block;
        font-family: monospace;
        white-space: pre;
    }

Veja o exemplo no [jsfiddle][1].

---

No entanto, eu desaconselho a usar esse esquema pois pode sofrer um ataque de [XSS][2] no caso de mostrar conteúdo de usuário. O ideal seria você fazer um escape do HTML no lado do servidor.


  [1]: http://jsfiddle.net/uEt5k/
  [2]: http://pt.wikipedia.org/wiki/Cross-site_scripting