Как сделать текст по середине css

Существует несколько способов выровнять текст по середине в CSS, один из них — использование CSS свойство text-align и line-height. Например, для выравнивания текста по середине вертикально, вы можете использовать следующий код:

<div class="container">
  <p class="text">Текст по центру</p>
</div>

<style>
.container {
  display: flex;
  justify-content: center;/* выравнивание по горизонтали */
  align-items: center;/* выравнивание по вертикали */
  height: 100vh;/* установка высоты контейнера на весь экран */
}
.text {
  text-align: center;
  line-height: 1.5;/* задаем line-height, чтобы выровнять текст по вертикали */
}
</style>

В данном примере мы используем свойство display: flex; для центрирования содержимого контейнера в вертикальном и горизонтальном направлениях. Затем мы задаем свойство text-align: center; для выравнивания текста по горизонтали. Наконец, мы выравниваем текст по вертикали с помощью свойства line-height: 1.5;.

Если вам не нужно центрировать блоки вертикально в контейнере, можно просто перенести свойство align-items: center; в родительский блок:

.container {
  display: flex;
  justify-content: center;/* выравнивание по горизонтали */
  height: 100vh;/* установка высоты контейнера на весь экран */
  align-items: center;/* выравнивание по вертикали */
}
.text {
  text-align: center;
  line-height: 1.5;/* задаем line-height, чтобы выровнять текст по вертикали */
}