Как сделать вертикальное выравнивание в css?

@caterina 

Вертикальное выравнивание можно сделать с помощью свойства vertical-align в CSS. Это свойство позволяет выравнивать элементы по вертикали относительно своего родителя.

Синтаксис:

1
2
3

element {
  vertical-align: value;
}

Где value - это одно из допустимых значений свойства vertical-align, например:

• baseline - выравнивание по базовой линии текста
• top - выравнивание по верхнему краю элемента
• middle - выравнивание по середине элемента
• bottom - выравнивание по нижнему краю элемента
• text-top - выравнивание по верхней части текста
• text-bottom - выравнивание по нижней части текста

Например, чтобы выровнять элемент по середине родителя, можно использовать следующий код:

1
2
3

element {
  vertical-align: middle;
}

Обратите внимание, что свойство vertical-align работает только с элементами, которые выравниваются внут