Тег <pre> отображает текст моноширинным шрифтом со всеми пробелами.
По умолчанию браузеры воспринимают несколько пробелов, следующих друг за другом, как один.
Постарайтесь избегать символа горизонтальной табуляции внутри тега <pre>, так как он может быть неадекватно воспринят некоторыми браузерами.
Если разработчик в исходном коде (внутри тега <pre>) не осуществил переносы строк, то они автоматически не устанавливаются. Если строка не вмещается в пределы окна, добавляется горизонтальная полоса прокрутки.
Закрывающий тег
Обязателен
Тег PRE не имеет атрибутов
Пример
<!doctype html>
<html>
<head>
<title> Тег pre </title>
<meta charset="utf-8">
</head>
<body>
<p> <pre> 1 пробел, 2 пробела, 3 пробела, 11 пробелов и т.д........... </pre> </p>
</body>
</html>
<html>
<head>
<title> Тег pre </title>
<meta charset="utf-8">
</head>
<body>
<p> <pre> 1 пробел, 2 пробела, 3 пробела, 11 пробелов и т.д........... </pre> </p>
</body>
</html>
Результат
