Tag <pre>
A tag <pre> (texto pré-formatado) é utilizada para representar texto pré-formatado. O texto dentro desse elemento é tipicamente exibido em uma fonte não proporcional da mesma maneira em que o texto original foi disposto no arquivo. Espaços em branco são mantidos no texto da mesma forma em que este foi digitado.
Nota
A tag
<pre>é útil para exibir um bloco de código-fonte. É útil quando você deseja exibir texto onde a formatação tipográfica afeta o significado do conteúdo, como trechos de código e poemas.
Por padrão, este elemento é renderizado com uma fonte monospace e sem espaços de texto, quebras de linha, tabulações ou outra formatação de caracteres. O texto é exibido exatamente como escrito no código-fonte HTML
<pre><code>
body {
color:red;
}
</code></pre>