使用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:

• 使用CSS内容添加HTML实体
• 24.2.1字符列表 - HTML 4中的字符实体引用