Como posso exibir meu código `HTML`? Tenho um campo onde o usuário pode alterar o nick dele colocando cores, e quero exibir o código usado como dica para o usuário.

Meu código:

    <pre>
      <code>
        <span style="color: red">Guizoio</span>
      </code>
    </pre>

Só que não funciona ele não exibe o `HTML` e sim **Guizoio** em vermelho.