Как правильно разместить иконку?

Question

[Евгений Залецкий]

<i class = "mdi mdi-cart fs-3x">@cartCount <br> @cartSumm</i>

Мне нужно чтобы значок корзины был по середине, а не у первого значения.

Comments

[Ankhena]

По всей видимости иконка это псевдоэлемент.
Значит нужно ему дописать стили, чтобы он встал по середине.
Например, спозиционировать абсолютом.

[Евгений Залецкий]

Ankhena, да, его нужно правильно поставить, он не к первой строчке, а просто на первую лезет.

[Ankhena]

Женя Залецкий, ну ок, вот и поставьте.
На всякий случай, вертикальный центр это

top: 50%;
transform: translateY(-50%);

И padding родителю не забудьте.

Кстати, вряд ли вся корзина это тег i.

[Евгений Залецкий]

Ankhena, это я знаю. Там можно и в контейнер. Благодарю. Чуть позже отвечу.

[Евгений Залецкий]

Ankhena, прости, но твой ответ не помог, он просто подымает вверх.

[Ankhena]

Женя Залецкий, что поднимает вверх?
Где оформленная песочница с вашим кодом, в которой видно что вы делали и в чем сложности теперь?

[Ankhena]

Женя Залецкий, я вам даже пример сделаю по доброте душевной https://jsfiddle.net/s640vuoL/