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

Answer 2

Somehow these got screwed up on the live server, although they worked locally, here's what worked for me, maybe it'll help someone else:

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