Elemento pre en HTML

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 contenidoContenido organizacional.
Contenido permitidoContenido ordinario.
AcrónimoLas etiquetas de inicio o finalización no se pueden omitir.
Elementos del padreCualquier elemento que acepte contenido normativo.
Interfaz DOMOHTMLPreElement

Soporte de navegadores

ChromeFirefoxEdgeSafariÓpera
SoportadoSoportadoSoportadoSoportadoSoportado

Características

En este elemento se pueden utilizar propiedades globales .

Los colswidth 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;
}