почему вместо

для выравнивания текста по центру не использовать просто
?

вместо

<h1 style="position: relative;text-align: center;">tekst</h1>

не использовать бы

<center>
   <h1>tekst</h1>
</center>

есть какие то подводные камни?


Ответы (2 шт):

Автор решения: Max Watson

text-align: center; - Это css свойство которое может принимать несколько значений например как justify, left, right.

<center> - Это HTML тег не имеющий атрибутов. Данный тег выравнивает содержимое контейнера по центру относительно родительского элемента.

В целом, разницы нету между text-align: center; и <center>. Это аналоги. Но принято использовать css стили, чем писать инлайн стили в HTML коде.

И допустим если разобрать ваш код, то причисленные вами варианты верные, но с моей точки зрения стоит написать так:

.some-text {
  position: relative;
  text-align: center;
}
<h1 class="some-text">tekst</h1>

→ Ссылка
Автор решения: Alexandr Järvi

"Использование этого элемента осуждается спецификацией HTML, вместо него применяйте стили" - https://webref.ru/html/center

"Эта функция больше не рекомендуется к использованию. Хотя некоторые браузеры могут по-прежнему поддерживать , возможно, он уже был удален из соответствующих веб-стандартов, либо может быть удален/сохранен только в целях совместимости. Избегайте его использования и, если возможно, обновите существующий код. Имейте в виду, что эта функция может перестать работать в любой момент" - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center

→ Ссылка