В чем разница между white-space: pre и white-space: normal при вёрстке кода?

Разница между white-space: pre и white-space: normal при вёрстке кода заключается в том, как отображаются пробелы и переносы строк. code.mu htmlbook.ru

white-space: normal — стандартное поведение, при котором браузер сам расставляет разрывы строки так, чтобы слова поместились в контейнер. code.mu Несколько пробелов в коде будут выглядеть как один на экране. code.mu Это значение по умолчанию. code.mu

white-space: pre — текст показывается так, как был набран в блокноте при вёрстке сайта: со всеми пробелами и enter-ами (если в коде набрано несколько пробелов — на экране тоже будет несколько). code.mu При этом браузер не будет переносить текст на новую строку, если он не помещается в контейнер — текст просто вылезет за его границы. code.mu

Таким образом, при значении normal происходит автоматическое форматирование, а при значении pre — отображение текста с учётом всех пробелов и переносов, как они были добавлены разработчиком в коде HTML. htmlbook.ru