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。