Elemento pre en HTML

El elemento html pre representa texto preformateado, el texto dentro de este elemento se representa en una fuente monoespaciada exactamente como está escrito en el archivo de origen, y los espacios se muestran como están.

Ejemplo de uso del elemento <pre> para mostrar código CSS simple:

<! - Código CSS -> 
< pre >
body {
  color red;
}
</ pre >

Etiqueta html pre

Clasificaciones de contenido	Contenido organizacional.
Contenido permitido	Contenido ordinario.
Acrónimo	Las etiquetas de inicio o finalización no se pueden omitir.
Elementos del padre	Cualquier elemento que acepte contenido normativo.
Interfaz DOMO	`HTMLPreElement`

Soporte de navegadores

Chrome	Firefox	Edge	Safari	Ópera
Soportado	Soportado	Soportado	Soportado	Soportado

Características

En este elemento se pueden utilizar propiedades globales .

Los cols y width que especifican el número óptimo de caracteres por línea, ahora están obsoletos en HTML5 y no deben usarse en páginas modernas.

Formato predeterminado

La mayoría de los navegadores muestran el elemento <pre> con la configuración de la propiedad display de block, y la propiedad font-family de la monospace(línea con un ancho fijo), y la propiedad white-space de pre, y hacen que el margen margin superior e inferior igual a la 1em margen derecha y la izquierda es igual a 0:

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