Creare un BOX contenente codice HTML

Salve, vorrei creare un box contenente dei codici HTML oppure CSS.

Stò facendo un sito tutorial e vorrei una cosa simile:



Diciamo un codice che non viene letto dal browser, ma letto come "tutorial".

Grazie mille.

[karl94]

Devi sostituire i caratteri che hanno un significato particolare (come i simboli maggiore e minore) con le corrispettive entità. Nello specifico il simbolo di minore ha come entità <, mentre il simbolo di maggiore ha come entità >.

[...]

html/entities
clicca, inserisci l'html da non interpretare, copialo, incollalo, salva il file, ricaricalo e dimmi che il risultato ottenuto ti soddisfa.