Несколько методов вертикального центрирования элементов на веб-странице:

1. Центрирование с помощью Flexbox. 1 Для этого необходимо задать родителю свойства display: flex, flex-direction: column, justify-content: center. 2
2. Центрирование с помощью CSS Grid. 1 Нужно указать родителю свойства display: grid и place-items: center. 1
3. Вертикальное центрирование с помощью абсолютного позиционирования и CSS трансформации. 1 Для этого необходимо установить элемент в абсолютное позиционирование относительно контейнера, сместить его на 50% от верхнего и левого края контейнера, а затем использовать свойство transform: translate(-50%, -50%) для центрирования. 1
4. Вертикальное центрирование с помощью таблицы и ячеек. 1 Для этого нужно прописать display: table родителю, дочернему элементу — display: table-cell, а затем прописать ячейке свойство vertical-align: middle. 2