Etiqueta <pre> de HTML

Definição e uso

<pre> A etiqueta define o texto formatado previamente.

<pre> O texto no elemento é mostrado em fontes de largura fixa, mantendo os espaços e quebras de linha. O texto será exibido exatamente da maneira como está escrito no código HTML original.

Veja também:

Etiqueta Descrição
<code> Definir a saída de exemplo de um programa de computador.
<samp> Definir entrada de teclado.
<kbd> Definir entrada de teclado.
<var> Definir variáveis.

Veja também:

Tutorial HTML:Formatação de texto HTML

Manual de referência do DOM HTML:Objeto Pre

Exemplo

Exemplo 1

Texto formatado previamente:

<pre>
Texto do elemento pre
Mostrar em fontes de largura fixa,
E também manter
Espaço          e
Carregador de linha.
</pre>

Experimente você mesmo

Exemplo 2

Como criar um texto pré-formatado com largura fixa (usando CSS):

<div style="width:200px;overflow:auto">
<pre>Este é um pre com largura fixa. Ele usará o espaço especificado.</pre>
</div>

Experimente você mesmo

Atributos globais

<pre> O rótulo também suporta Atributos globais no HTML.

Atributos de evento

<pre> O rótulo também suporta Atributos de evento no HTML.

Configurações CSS padrão

A maioria dos navegadores usará os seguintes valores padrão para exibir <pre> Elemento:

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}

Experimente você mesmo

Suporte de navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte