Добрый вечер,друзья!

Верстал дизайн и столкнулся с проблемой.

Есть вкладки .
Состоят из иконок и чисел.

Они должны быть в одну линию и расположены по центру (увидите на скрине)


Вот и вопрос,что не так?

CSS https://paste.ofcode.org/xkFqRjTi6VBmhn7rHj8zBQ

HTML
https://paste.ofcode.org/PmAFbaWBWCcg5EzgwD4uAd

Screenshot 1

Так должно быть

Изображение

------
69913_IMG_20200128_172107_918.jpg (13.5 Kb)
Скачиваний: 124

Вот так у меня

Изображение

------
69914_IMG_20200128_172110_972.jpg (11.8 Kb)
Скачиваний: 128

EvilMan , дак а что не так

shadrinsk-45rus , на выравнивание посмотри)
Это вроде мелочи,но мне хочется разобраться,а сам не смог понять,где накосячил.

align- items: center должен был выровнять картинки и цифры на одном уровне.
А цифры ниже картинок немного идут

EvilMan , в кссне пробовал баловаться? c
position: absolute;
margin: auto;
left: 0;
top: 0;
bottom: 0;
right: 0;

shadrinsk-45rus , вроде пробовал всё (((
Но я уверен,что ошибка в чем-то простом.
Но спустя 3 часа я решил,что нужно обратиться к мастерам

Vertical-align:Midle

TheWilf , попробую, спасибо)
Минут через 15 отпишу результат)

img {
vertical-align:middle;
}