Как выровнять h1 по центру css

Самый простой путь, который действует не только для заголовков, а для любого текста — использование свойства text-align со значением center

<h1 class="text-center">Заголовок по центру</h1>

.text-center {
  text-align: center;
}