Как расположить блоки по вертикали CSS

Для расположения блоков по вертикали в CSS можно использовать свойство display с значением flex и свойство align-items с значением center. Например:

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

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

.item {
  margin: auto 0;
}