html - 是否有添加文本的内联元素，所以没有换行符？

Question

我问这个的原因是因为我的网站上有一些链接，当鼠标悬停在上面时会以粗体显示，它们是“我们的工作 | 联系我们”，但问题是“|”是其中一个链接的一部分，因此它也是粗体的，这附近有什么吗？

Answer 1

您可以使用 css 和边框来做到这一点(这是正确的方式，而不是管道符号)

<a> text </a>
<a> text </a>
<a> text </a>
<a> text </a>

a{
    margin: 0 5px;
    padding: 0 5px;
    line-height: 20px; /* this is to center it with the text */
}
a+a{
    border-left: 1px solid #000;
    padding-left: 10px;
}

jsFiddle demo