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

Для отцентровки текста по вертикали можно использовать свойство line-height с значением, равным высоте контейнера. Например:

.container {
  height: 100px;
  line-height: 100px;
  text-align: center;
}

Также можно использовать свойство display с значением flex и его свойства align-items и justify-content. Например:

.container {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}