HTML тег pre

Тег <pre> определяет заранее форматированный текст.

Такой текст отображается моноширинным шрифтом (обычно Courier) и со всеми пробелами между словами. По умолчанию, любое количество пробелов идущих в коде подряд, на веб-странице отображается как один. Элемент <pre> позволяет обойти эту особенность и выводить текст со специальным форматированием, как требуется разработчику. Внутри тега <pre> разрешается использовать любые элементы кроме следующих: <big>, <img>, <object>, <small>, <sub> и <sup>.

Разница между HTML 4.01 и HTML5

Атрибут width тега <pre> не поддерживается в HTML5.

Атрибуты тега <pre>

Общие атрибуты

Тег <pre> поддерживает общие атрибуты и атрибуты-события.

CSS стили по умолчанию

Большинство браузеров будут отображать тег <pre> со следующими стилями

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

HTML пример использования

Заранее отформатированный текст:

<pre>
 Текст внутри элемента pre
 отображается моноширинным
 шрифтом, при этом сохраняются
 все      пробелы и
 переводы строк
</pre>