Разница между использованием align и text-align в HTML заключается в том, что они выполняют разные задачи:

• Атрибут align задаёт горизонтальное выравнивание элемента относительно окружающего контекста. 5 Он может устанавливаться для многих элементов HTML, например таблиц, изображений, объектов, абзацев. 5
• Свойство text-align в CSS отвечает за выравнивание текста внутри элемента, которому это свойство задано. 14 Применяется только для блочных элементов (параграфов, заголовков и т. п.), то есть тех тегов, в которых может появиться несколько строк. 4

Таким образом, align выравнивает сам элемент, если это возможно, а text-align — текст внутри элемента. 1