Etiqueta HTML <pre>


Ejemplo

Texto preformateado:

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

Más ejemplos de "Pruébelo usted mismo" a continuación.


Definición y uso

La <pre>etiqueta define texto preformateado.

El texto de un <pre>elemento se muestra en una fuente de ancho fijo y conserva tanto los espacios como los saltos de línea. El texto se mostrará exactamente como está escrito en el código fuente HTML.

También mira:

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

Compatibilidad con navegador

Element
<pre> Yes Yes Yes Yes Yes


Atributos globales

La <pre>etiqueta también es compatible con los atributos globales en HTML .


Atributos de eventos

La <pre>etiqueta también es compatible con los atributos de eventos en HTML .


Más ejemplos

Ejemplo

Cómo crear un texto preformateado con un ancho fijo (con 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: formato de texto HTML

Referencia HTML DOM: objeto anterior


Configuración predeterminada de CSS

La mayoría de los navegadores mostrarán el <pre>elemento con los siguientes valores predeterminados:

Ejemplo

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