Как выровнять по вертикали содержимое button?

Question

[Сергей Чернега]

Привет. У меня есть такие кнопки:

В них есть изображения, они стоят не по вертикали тега button. Не реагирует на vertical-align:middle Изображения правильные. Как центрировать по вертикали кнопки содержимое?

Comments

[Andrew]

d-flex align-items-center

[Сергей Чернега]

Andrew, спасибо.
Но почему если просто писать vertical-align:bottom, а bottom это дно. Ко дну содержимое кнопки не ровняется, а к центру?

Answer 1

[Moon Presence]

Можно добавить кнопкам свойство display: flex и align-items: center чтобы отцентрировать содержимое кнопок по вертикали.

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