Вы здесь

HTML тег pre

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

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

Разница между HTML 4.01 и HTML5
Атрибут width тега <pre> не поддерживается в HTML5.
Атрибуты тега <pre>
Атрибут Описание
width Определяет ширину предварительно отформатированного блока
Общие атрибуты

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

HTML пример

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


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

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

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


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