Разница между свойствами white-space и text-align при работе с CSS заключается в их функциях.

Свойство white-space используется для управления пробелами и переносами строк внутри элемента. 14 Некоторые значения свойства:

• nowrap — схлопывает лишние пробелы и отображает весь текст одной строкой без переносов. 1
• pre — сохраняет пробелы и переносы как в исходном коде, аналогично тегу

  . 1

• pre-wrap — работает как значение pre, но добавляет автоматические переносы, если текст не помещается в контейнер. 1
• normal — режим по умолчанию: лишние пробелы и переносы строк схлопываются, текст переносится, пробелы в конце строк удаляются. 1

Свойство text-align используется для горизонтального выравнивания текста и других инлайновых элементов (изображений, инлайн-блоков, инлайн-таблиц и других) внутри блока. 1 Некоторые значения свойства:

• left — выравнивание по левому краю блока, это значение по умолчанию. 1
• right — по правому краю блока. 1
• center — по центру блока. 1
• justify — по ширине блока, при этом слова в строке будут размещаться так, чтобы занять равномерно всё пространство строки (пробелы между словами в таком случае становятся неравномерными, так как браузер «растягивает» слова в строке). 1

Важно помнить, что свойство text-align применяется именно к самому блоку-контейнеру, внутри которого находится текстовый контент. 1