CSS對齊<audio>元素旁邊的文本

Question

我試圖垂直對齊一些文本，因此它在音頻播放器的一半。這是我的嘗試。我哪裏錯了？

<audio autoplay="autoplay" controls="controls"> 
<source src="file.ogg" /> 
<source src="file.mp3" /> 
</audio> 

<span style="vertical-align: middle">text</span> 

Answer 1

這工作（在Firefox，至少），儘管它可能不是最完美的解決方案：

<div> 
<audio autoplay="autoplay" controls="controls" style="vertical-align: middle;">         
<source src="file.ogg" /> 
<source src="file.mp3" /> 
</audio> 
text 
</div> 

Answer 2

嘗試圍繞一個div的一切，造型，垂直對齊方式：

<div id="audio" style="vertical-align: middle;"> 
    <audio autoplay="autoplay" controls="controls"> 
     <source src="file.ogg" /> 
     <source src="file.mp3" /> 
    </audio> 

    <span>text</span> 
</div>