white-space позволяет управлять переносами строк и отображением пробелов только с помощью CSS, не правя HTML-разметку. Оно даёт гибкий контроль: от обычного потока текста до «преформатированного» вида или однострочных блоков. За счёт этого один и тот же HTML можно по-разному показывать в разных контекстах.white-space определяет, как браузер обрабатывает пробелы, табы и переводы строк, а также будет ли текст автоматически переноситься. Его главное преимущество в том, что мы можем полностью настроить поведение текста (схлопывать или сохранять пробелы и переносы строк, разрешать или запрещать переносы) через CSS, не трогая сам HTML-код, что сильно упрощает поддержку и переиспользование компонентов.white-space:normal — последовательные пробелы схлопываются, переводов строк из разметки почти не видно, текст переносится по словам (значение по умолчанию).nowrap — пробелы также схлопываются, но автоматические переносы строк отключены, поэтому весь текст тянется в одну строку.pre — пробелы и переводы строк сохраняются как есть, текст не переносится автоматически (аналог поведения тега <pre>).pre-wrap — пробелы и переводы строк сохраняются, но при переполнении строки браузер добавляет автоматические переносы, чтобы текст не вылезал за границы контейнера.pre-line — переводы строк сохраняются, а последовательности пробелов схлопываются (компромисс между «читаемым» и «преформатированным» текстом).white-space: pre-wrap позволяет показать текст «как есть», но при этом не ломать вёрстку — строки будут переноситься внутри контейнера при нехватке места.Отметьте свой прогресс