Как выровнять текст по горизонтали CSS

Для выравнивания текста по горизонтали в CSS можно использовать свойство text-align. Например:

p {
  text-align: center;
}

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

по центру. Другие значения для этого свойства:

• left: выравнивание по левому краю
• right: выравнивание по правому краю
• justify: выравнивание по ширине (текст растягивается до ширины блока)

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

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

Это выровняет блокdiv> по центру горизонтально.