Вертикальное выравнивание SVG в CSS ⇐ Html

[Anonymous]

У меня есть проблема с встроенным выравниванием SVG. Я создал кнопку с некоторым текстом и SVG. И хотя выравнивание работает правильно, когда SVG, по крайней мере, такой же большой, как текст, оно не удается, когда высота SVG меньше текста. Вы можете увидеть, если вы посмотрите поближе, что второй случай не идеально выровнен, потому что высота SVG меньше, чем тот, который из текста. < /P>
Есть ли способ это исправить? Делать это другим способом (нет JS, пожалуйста)?

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

a {
display: inline-block;
margin: 10%;
background-image: linear-gradient(to bottom,white 0%, white 50%, red 50%, red 100%);
padding: 5%;
}

svg {
fill: blue;
height: 1em;
vertical-align: middle;
}

#arrow-right {
height: 0.9em;
}< /code>
[url=#]
GO



[/url]

[url=#]
GO



[/url]

Подробнее здесь: https://stackoverflow.com/questions/359 ... svg-in-css