Вертикальная атака: середина полностью снята с встроенной иконой SVG ⇐ Html

[Anonymous]

Мне очень тяжело пытаться вертикально центрировать значки SVG с текстом: < /p>

Код: Выделить всё

.text {
display: inline;
vertical-align: middle;
font-size: 42px;
line-height: 42px;
font-family: "Montserrat";
font-weight: 900;
}

.icon {
display: inline;
vertical-align: middle;
line-height: 42px;
}

svg {
width: 16px;
height: 16px;
display: inline;
vertical-align: middle;
}< /code>


Lorem ipsum dolor sit amet, consectetur adipiscing elit

См. Результат здесь: https://codepen.io/orobert91/pen/rangmjw


Подробнее здесь: https://stackoverflow.com/questions/795 ... e-svg-icon