Разница между тегом pre и CSS-свойством white-space заключается в их функциях и области применения.
Тег pre используется для включения в HTML-документ предварительно отформатированного текста. ru.w3docs.com {8-host} Во вложенном в тег тексте сохраняются все пробелы и разрывы строк. ru.w3docs.com Тег применяют для отображения программного кода или текста, где автор сам задал расположение строк относительно друг друга. ru.w3docs.com {8-host} Содержимое тега отображается в браузере моноширинным шрифтом (шрифт, в котором все знаки имеют одинаковую ширину). ru.w3docs.com
CSS-свойство white-space предназначено для определения поведения браузера при обработке множественных пробелов и переводов строк. www.css-tricks.ru Свойство устанавливает, как переносить текст на новую строку, а также как отображать пробелы между словами и переносы строк (места, где был нажат Enter при наборе кода). code.mu
Таким образом, тег pre фокусируется на общем процессе форматирования текста, а свойство white-space позволяет более гибко управлять пробелами и переносами. {7-host}