他の要素と一緒に垂直に中央スパン（ブートストラップラベル）

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で適切に調整したかったときに私のために働きました