Как сделать заголовок по центру в css

Чтобы сделать заголовок по центру в CSS, можно использовать свойства text-align и margin. Рассмотрим два примера:

1. На случай, если у вас заголовок представлен как текст внутри тега <h1>:

HTML:

<h1 class="centered-header">Заголовок</h1>

CSS:

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

В этом примере мы добавляем класс .centered-header для элемента <h1>, а затем устанавливаем его text-align на center, чтобы выровнять текст по середине.

2. На случай, если у вас заголовок представлен как элемент блока, такой как <div>:

HTML:

<div class="header-container">
  <h2>Заголовок</h2>
</div>

CSS:

.header-container {
  text-align: center;
}
 
.header-container h2 {
  margin: 0 auto;
}

В этом примере мы создаем элемент <div> с классом .header-container и размещаем заголовок <h2> внутри него. Затем мы устанавливаем text-align для .header-container в center, чтобы выровнять содержимое по центру. Кроме того, мы задаем отступы по горизонтали (margin) для заголовка <h2> на auto, чтобы выровнять его по центру.

В обоих примерах мы используем CSS, чтобы настроить выравнивание. Это обычно хороший подход, так как он позволяет отделить структуру HTML от её визуализации CSS.