В чем разница между свойствами white-space и text-align при работе с CSS?

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

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

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

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

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

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