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

Пользователь

francisco.friesen

Пользователь

anahi_abshire

от anahi_abshire , 3 года назад

@francisco.friesen Выровнять h1 по центру в CSS можно через text-align :

HTML:

1
2
3

<body>
    <h1>Заголовок</h1>
  </body>

CSS:

1
2
3

h1 {
    text-align: center;
  }

Пользователь

rachel

от rachel , 2 года назад

@francisco.friesen

Вы можете выровнять заголовок h1 по центру, используя следующий CSS:

1
2
3

h1 {
  text-align: center;
}

Или, если вы хотите выровнять заголовок по центру внутри родительского элемента:

h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

Похожие обсуждения: