Как правильно написать стили чтобы в :before находилась иконка?

Question

[shearlocktm]

Есть span - в его псевдоэлемент нужно поместить иконку так, чтобы текст внутри span вертикально имел положение middle по отношению к псевдоэлементу :before. При position: inline-block - :before почему-то располагается выше текста в span, хотя line-height и height прописаны. Все работает если у текста span выставить position: inline-flex, но он корректно воспринимается только в chrome. Заранее спасибо - всю голову сломал уже.

Answer 1

[Александр Миранович]

before vertical-align: middle;