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

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

1. text-align: center - это свойство выравнивает текст по центру внутри блочного элемента.

2. display: flex; justify-content: center; align-items: center; - это свойства позволяют центрировать содержимое элемента по горизонтали и вертикали.

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

h1 {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

Также можно применять данные свойства к другим элементам, например, к div:

div {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

Эти свойства позволяют не только центрировать текст, но и другие элементы, такие как изображения или кнопки. Например, чтобы центрировать изображение, можно использовать следующий код:

img {
  display: block;
  margin: 0 auto;
}

Этот код выравнивает изображение по центру относительно родительского элемента.

Таким образом, в CSS можно легко сделать текст по центру с помощью свойства text-align: center или display: flex с комбинацией свойств justify-content и align-items.