Тег pre задает вывод текста в том виде, как он набран в документе: со всеми отступами (табуляцией), пробелами и переносами строк.

Текст, размещенный внутри тега pre, станет моноширинным (это значит, что длина всех букв будет одинакова). Подробнее про моноширинный текст читайте свойство font-family в значении monospace.

См. также CSS свойство white-space, которое создает тот же эффект, что и тег pre, но даже с большими возможностями.

См. также CSS свойство tab-size, которое задает размер табуляции при использовании тега pre (по умолчанию она будет иметь размер 8 пробелов, но это поведение можно будет поменять).

Примеры

Пример

В данном примере текст будет показан так, как набран в редакторе кода:

Результат выполнения кода:

Мы изучаем язык

x   x  xxxxxxx  xx    xx  x
x   x     x     x x  x x  x
xxxxx     x     x  xx  x  x
x   x     x     x      x  x
x   x     x     x      x  xxxxxxx

			ДА-ДА!