Свойство white-space управляет выводом пробелов в тексте элемента. Значение pre действует аналогично элементу <pre>…</pre>, т.е. сохраняет форматирование (в том числе переход на новую строку) исходного документа HTML, значение nowrap запрещает переносить текст на новую строку, а значение normal оставляет управление выводом пробелов за Web-браузером (автоматический перенос на новую строку, лишние пробелы между словами удаляются при форматировании по ширине – вставка пробелов между словами). Значение normal является значением по умолчанию.
Пример 4.3.47. Задание свойства white-space:
В таблице стилей заданы следующие два правила для классов:
.pre {white-space: pre}
.noWrap {white-space: nowrap}
Вывод абзаца
<p>Люблю грозу в начале мая,
Когда весенний первый гром,
Как бы резвяся и играя,
Грохочет в небе голубом.</p>,
а затем этого же абзаца с классом pre (<p class="pre">) и с классом noWrap (<p class="noWrap">) в окне Web-браузера будет иметь следующий вид: