如何通过css删除列表中的逗号？

Question

<div class="post-meta vcard">
    <p>, 
        <a href="http://google.com" rel="tag">Paris</a>, 
        <a href="http://google.com" rel="tag">France</a>
    </p>
</div>

如您所见，第一行包含一个逗号，因此输出为＆＃34;，巴黎，法国＆＃34;

我如何摆脱/隐藏第一个逗号和空格，同时保持此列表居中。我只能通过CSS进行编辑。

Codepen here

Answer 1

你最后在这里有两个逗号：

<div class="post-meta vcard"><p>, 
<a href=" http://google.com " rel="tag">Paris</a>,  

要使列表居中，只需在css代码中使用text-align: center。