css - 使单行元素成为下一行的最后一个但不是全 Angular ？

Question

我连续有三个链接，我希望第三个链接在下一行，通常我会使用

 .new-line { display:block; }

但如果我这样做，链接是下一行的 100% 宽度，如果您将鼠标移到该行上，您将看到所有链接都是可点击的(即使没有悬停在实际的单词链接上)。

在这种情况下，我在 :before 中也有内容需要与链接的实际内容内嵌显示。

是这样的:

.new-line:before { content: 'something'; }

我无法在此示例中添加额外标记(HTML 或 jQuery)。

有没有办法用 CSS 使第三个元素在下一行？

这是一个 JSFIDDLE，其中包含我正在尝试实现的确切标记。

http://jsfiddle.net/2Fkev/3/

感谢任何提示

Answer 1

试试这个 CSS:

.new-line:before {
  content: ' ';
  display: block;
}

如果有用请告诉我。