CSS內容垂直對齊

Question

我需要幫助。 我已經在網上搜索答案，但我發現的答案不起作用。

我想在一個上面一個框來顯示一個內容「A：之前」，然後顯示相同的文字作爲一個，我已經做了與

content:attr(title); 

但它不會垂直對齊。 我試着

display:table-cell; 
vertical-align:center; 

http://jsfiddle.net/CvZkX/

它不到風度的工作。有人知道它是如何完成的嗎？

此致 墊

Answer 1

對於文本的一行，最簡單的解決方案是使用line-height。

http://jsfiddle.net/thirtydot/CvZkX/1/

header nav a:before { 
    line-height: 2.3em; 
} 

我選擇2.3em因爲你有.5em + .5em + 1.7em（padding-top + padding-bottom + font-size），我們正在嘗試設置等於元素的高度line-height。