Embedded SVG fehlausgerichtet zu Element

Question

Also ich versuche, von PNG zu SVG zu bewegen, aber ich habe einige wachsende Schmerzen. Ich möchte Embedded SVG verwenden, damit ich ihre CSS-Attribute für ihre Farbe ändern und weniger Ressourcen laden kann. Obwohl ein Problem, das ich habe, ist, wenn das SVG eingebettet ist, erscheint es über der Box zur Verfügung gestellt, obwohl, wenn ich ein IMG-Tag mit der Verknüpfung mit dem SVG verwenden, ist die Formatierung perfekt.

In meinem Bild hat die Box auf der rechten Seite das Img-Tag, während die linke Box eingebettet ist.

http://jsfiddle.net/fLWhu/684/

<span> 
          @Html.Raw(File.ReadAllText(Server.MapPath("~/Content/images/icons/1.svg"))) 

</span> 
<span> 
<img src="~/Content/images/icons/1.svg" alt="our linked in" /> 
</span> 

Update:

die

 display:inline-block; 
    vertical-align:middle; 

in der Spanne Nach der Zugabe ist das Ergebnis.

Answer 1

Der SVG Teil scheint ok, könnten Sie eine Anzeige einstellen versuchen: inline-block und vertikale align: Mitte bis div.header .right p Spannweite Element