如何防止內聯嵌入推文本（CSS）

Question

嗨，我有一個問題，我的內聯嵌入。他們推動我的文本或取消水平對齊，我不知道如何糾正它。

這裏是我的（HTML）代碼：

<div id="WindMax"> 
<embed src="WeatherIcons/UpArrow.svg" type="image/svg+xml" class="E25px" /> 
77 
<span class="Set">mph</span> 
</div> 

而且（CSS）代碼：

embed { 
margin:0; padding:0; border:0; outline:0; 
display:inline; 
} 
embed.E25px { 
width:25px; height:25px; 
} 
embed.E30px { 
width:30px; height:30px; 
} 
span.Set { 
font:bold 15px 'Arial Narrow',Arial,Sans-Serif; 
text-align:center; 
display:inline; 
} 
#WindMax { 
background:; 
position:absolute; 
width:100px; height:25px; 
margin:45px 0 0 570px; 
font:bold 25px/25px 'Arial Narrow',Arial,Sans-Serif; 
text-align:left; 
z-index:-996; 
} 

乾杯提前:)

Answer 1

使用此爲您的嵌入式圖像：vertical-align: middle;