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

Для выравнивания текста по центру в CSS можно использовать свойство text-align и задать значение center:


div {
  text-align: center;
}

Это выравняет текст по центру внутри элемента

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


p {
  margin: 0 auto;
  text-align: center;
}

Это выравнивает текст внутри элемента

по центру горизонтали на странице.

Если же нужно выравнять текст внутри элемента с фиксированной шириной, можно использовать свойство line-height и задать значение, равное высоте элемента:


div {
  width: 500px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}

Это выровняет текст по центру элемента

с шириной 500px и высотой 100px, используя значение line-height, равное высоте элемента.

Примеры кода помогут лучше понять, как использовать различные способы выравнивания текста по центру в CSS.

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

Похожие вопросы на: "как выровнять текст по центру в css "