Разница между блочными и инлайн-элементами при центрировании текста заключается в том, как эти элементы отображаются: 2

• Блочные (block). 2 Ширина соответствует размеру родителя, для блока можно задать ширину и высоту. 2 Высота определяется содержимым. 2 Для центрирования таких элементов не подходит свойство text-align: center. 3 Для них используют, например, свойство margin: 0 auto. 35 Оно задаёт значения: сверху и снизу — 0, а по бокам размеры задаются автоматически, и блочный элемент встаёт по центру. 3
• Инлайн-элементы (inline). 2 Ширина и высота определяются содержимым, нельзя задать ширину и высоту. 2 Для центрирования таких элементов достаточно указать свойство text-align: center родителю. 3

Таким образом, для блочных элементов нужны специальные методы центрирования, а для инлайн-элементов — более простое решение.