Як вирівняти елементи по вертикалі CSS?

Якщо ви хочете вирівняти текст по верху або низу комірки, використовуйте значення top і bottom для vertical-alignment: Для вертикального вирівнювання в комірках таблиці, найкраще використовувати лише ці значення (top, middle, bottom).

Вміст осередків можна вирівнювати за горизонталі і по вертикалі за допомогою CSS. За вирівнювання по горизонталі відповідає CSS-Властивість text-align. Найчастіше використовуються значення left, center та right. За вирівнювання по вертикалі відповідає CSS-Властивість vertical-align .

Розташовувати вміст посередині, вгорі, внизу осередку. Звернемо увагу, що в осередку з vertical-align: middle вміст знаходиться по центру. Таким чином, можна обернути потрібний елемент в таблицю розміру width:100%;height:100% з одним осередком, у якої вказати vertical-align:middle , і він буде відцентрований.