垂直中心跨度（引導標籤）與其它元素

Question

一起我想使用自舉CSS框架的內聯標籤：

<span class="label">Default</span> 

不幸的是這些標籤不垂直與其它元素一起使用時居中。

<p> 
    <span class="label"><a href="#">test</a></span>This is a test heading. 
</p> 

請參閱視覺例如全碼：http://jsfiddle.net/kvPpm/

我知道行高和絕對/相對定位的解決方法，但沒有能夠正確地應用它們。

我該如何垂直居中放置這些標籤？

Answer 1

由於<span>是默認的inline元素，你可以這樣做：

span { vertical-align: middle|top|bottom; } 

，它應該工作。 http://jsfiddle.net/kvPpm/1/

但是<a>裏面的<span>在語義上不正確。您可以使用<a>並設計它的樣式display: inline。

http://jsfiddle.net/kvPpm/3/

Answer 2

.label { vertical-align: top; } 

這爲我工作，當我想它在UL正確對齊