Выравнивание текста CSS

Выравнивание текста в CSS

text-align

.text-container {
  text-align: center;
}

vertical-align

.text-container {
  vertical-align: middle;
}

line-height

.text-container {
  line-height: 2;
}

display: flex и align-items

.container {
  display: flex;
  align-items: center;
}

Код, приведенный выше, является всего лишь примерами использования различных свойств CSS для выравнивания текста. В реальных ситуациях вы можете комбинировать эти свойства для достижения нужного результата.