Управляем пробелами: white-space

Это задание архивной части. Перейдите по ссылке, чтобы пройти задание в актуальной части.

Как вы уже знаете, браузер игнорирует множественные пробелы и переносы строк в HTML-коде. Изменить это поведение можно с помощью тега <pre>.

Однако, с помощью CSS управлять пробелами и переносами можно более гибко. За это отвечает свойство white-space, значения которого:

• nowrap — отображает весь текст одной строкой без переносов;
• pre — сохраняет пробелы и переносы как в исходном коде аналогично тегу <pre>;
• pre-wrap — работает как значение pre, но добавляет автоматические переносы, если текст не помещается в контейнер;
• normal — режим по умолчанию.