Etiqueta HTML

: Mostrar texto monoespaciado y bloques de código correctamente 

El elemento <pre> renderiza el texto exactamente como se escribe — preservando espacios, tabulaciones y saltos de línea — en una fuente monoespaciada (generalmente Courier, Consolas, Monospace).

Uso básico

<pre> function greet(name) { console.log("Hello, " + name); } </pre>

Muestra:

function greet(name) { console.log("Hello, " + name); }

Atributos clave y comportamiento

• Espacios en blanco – Se colapsan solo si se aplica CSS white-space: normal.
• Fuente – Hereda monoespaciada; se anula con CSS font-family.
• Desbordamiento – Agregue overflow: auto para desplazamiento horizontal en líneas largas.
• Semántica – Representa texto preformateado (código, arte ASCII, poesía).

Combinación común

<pre><code class="language-js">...</code></pre>

Permite resaltadores de sintaxis (Prism, Highlight.js) mientras se preserva el formato.