html - 使用 CSS 垂直居中点

Question

如何仅使用 CSS 使链接之间的点垂直居中？这是可能的，但我不知道该怎么做。

预期:

HTML

<label><a href="#">Like</a></label>
<label><a href="#">Comment</a></label>
<label><a href="#">Share</a></label>
<label><span>1 hour ago</span></label>​

CSS

a{ 
    vertical-align: middle;
}

label:not(:last-child):after{
    content: " . ";
}

无效示例:http://jsfiddle.net/4ZFMm/

谢谢!

Answer 1

使用 · · 作为点，或者 • • 作为更粗的元素符号列表样式的点.

要在 content 属性中使用，您需要对其进行转义:

点:

content: " \B7 ";

牛:

content: " \2219 ";

引用文献:

• Adding HTML entities using CSS content
• 24.2.1 The list of characters - Character entity references in HTML 4