垂直中心跨度（引导标签）与其它元素

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正确对齐