Как центрировать текст в html?

Способы центрирования текста в html, от простого к сложному. Инлайн стиль style=text-align:center прямо в теге h1. Быстро, но грязно, для одной страницы сойдёт, для проекта — плохая идея, стили расползаются по разметке. Класс в css .center { text-align: center; } и добавить класс к нужному тегу. Чище, переиспользуется, легко поменять для всех заголовков разом. Через тег center Устаревший тег, работает в большинстве браузеров до сих пор, но официально не рекомендован уже давно, лучше не используйте его в новых проектах. Flex на родителе display: flex; justify-content: center; на обёртке вокруг заголовка. Избыточно для одного текста, но удобно если внутри того же блока есть другие элементы, которые тоже нужно выровнять. Что выбрать Для одного заголовка на странице хватит класса с text-align: center. Flex имеет смысл, только если верстаете сложный блок целиком, а не просто текст. Тег center трогать не стоит вообще, это наследие старого html, весь текущий подход строится на css, а не на атрибутах разметки. Частая ошибка — путать центрирование текста внутри блока с центрированием самого блока на странице. Это разные задачи: text-align двигает содержимое внутри контейнера, а положение самого контейнера на странице регулируется через margin или flex у его родителя. Ещё деталь: text-align наследуется дочерними элементами, так что достаточно задать его один раз на родителе, а не на каждом внутреннем теге отдельно.