使用css和外部文本每行显示一个元素

Question

我有以下html片段:

<div>
    <a class="item" href="http://google.com">Google</a>,
    <a class="item" href="http://yahoo.com">Yahoo</a>,
    <a class="item" href="http://yandex.com">Yandex</a>
</div>

现在它显示如下:

Google, Yahoo, Yandex

我需要它显示如下:

Google,
Yahoo,
Yandex

可以通过修改.item类的CSS属性来完成吗？(没有插入新标签(例如BR)而不接触逗号标志)？

我试过了

.item {
    clear: both;
    float: left;    
}

但是所有逗号都留在第一行.

Answer 1

也许这可行,

添加一个空字符串,而不是在css中添加一个新的逗号,删除或更改旧的字符串的颜色

a:before {
    content:'';
    display: block; 
}

jsFiddle DEMO