HTML <pre> Tag


Exemplo

Texto pré-formatado:

<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
</pre>

Mais exemplos de "Experimente você mesmo" abaixo.


Definição e uso

A <pre>tag define o texto pré-formatado.

O texto em um <pre>elemento é exibido em uma fonte de largura fixa e o texto preserva espaços e quebras de linha. O texto será exibido exatamente como escrito no código-fonte HTML.

Veja também:

Tag Description
<code> Defines a piece of computer code
<samp> Defines sample output from a computer program
<kbd> Defines keyboard input
<var> Defines a variable

Suporte ao navegador

Element
<pre> Yes Yes Yes Yes Yes


Atributos Globais

A <pre>tag também suporta os Atributos Globais em HTML .


Atributos do evento

A <pre>tag também suporta os atributos de evento em HTML .


Mais exemplos

Exemplo

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

<div style="width:200px;overflow:auto">
<pre>This is a pre with a fixed width. It will use as much space as specified.</pre>
</div>

Páginas relacionadas

Tutorial HTML: Formatação de texto HTML

Referência HTML DOM: Pré-objeto


Configurações padrão de CSS

A maioria dos navegadores exibirá o <pre>elemento com os seguintes valores padrão:

Exemplo

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