使用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属性中使用，您需要将其转义：

<强> middot：

content: " \B7 ";

<强>牛

content: " \2219 ";

Refrences：

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

Answer 2

不知何故，这些都搞砸了现场服务器，虽然他们在本地工作，这里有什么对我有用，也许它会帮助别人：

.element:before {
    content: "\2022";
}