Как выровнять иконку?

Question

[AlXan]

Никак не могу выровнять иконку в меню. При уменьшении окна браузера (адавптив) текст "сползает". Помогите плз.

Нужно чтобы она оставалась вертикально по центру вне зависимости от количества слов и букв в пункте меню.
Вот так:


Тестовый сайт: https://obsceneknee.s4-tastewp.com/shop/

Comments

[Михаил Р.]

Уважаемые отвечающие, автор вопроса практически не отмечает решениями ответы.

[Вадим]

Вертикально по центру относительно чего? текста? А если и текст под картинку сполз?

[Алексей Дубровин]

Михаил Р.,
Мне лично плевать. Отмечают или нет.
Ответ есть ответ. Он или помогает, или нет.

[Ankhena]

AlXan ок, гугл "css все способы вертикального выравнивания"
И выбирайте любой.
В данном случае у вас уже есть флекс у родителя, имеет смысл воспользоваться его центрированием.

[AlXan]

Михаил Р., ответ отмечается, если он действительно решает проблему, а не просто написан ради ачивок. Иногда не сразу, потому то могут могут появится более достойные ответы.

[AlXan]

Ankhena, если бы я это мог - я бы не просил помощи, не так ли?

[AlXan]

Вадим, и текста и стрелочки. А сейчас текст как раз сползает.

[Ankhena]

AlXan, если тяжело читать документацию или научно-популярные статьи про флексы, пройдите по ним игру
https://cssgridgarden.com/#ru

За выравнивание вдоль главной оси отвечает justify-content, вдоль поперечной align-items, align-content и align-self.

[Ankhena]

AlXan,

ответ отмечается, если он действительно решает проблему, а не просто написан ради ачивок.

Ответ отмечается, когда помогает в решении заданного вопроса.
К сожалению, компетентность спрашивающего не всегда позволяет ему оценить ответ.

[AlXan]

Ankhena,

К сожалению, компетентность спрашивающего не всегда позволяет ему оценить ответ.

Даже если и так - это ТС решает что ему помогло. Хорошо это или плохо - отдельный вопрос но на тостере сделано так.

[Ankhena]

AlXan, нет, тут сделано не так. Но это не имеет отношения к теме вопроса.