Vertikale Ausrichtung von SVG in CSS ⇐ CSS

[Anonymous]

Ich habe ein Problem mit der Inline -SVG -Ausrichtung. Ich habe eine Schaltfläche mit etwas Text und SVG erstellt. Und während die Ausrichtung korrekt funktioniert, wenn der SVG mindestens so groß ist wie der Text, wenn die SVG-Höhe kleiner als der Text ist. Sie können sehen, ob Sie genauer nachsehen, dass der zweite Fall nicht perfekt ausgerichtet ist, da die Höhe des SVG geringer ist als der aus dem Text. < /P>
Gibt es eine Möglichkeit, dies zu beheben? Andere Weise tun (keine js bitte)?

Code: Select all

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]