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