CSS: после псевдокласса и контента: объявление

Question

Я пытаюсь добавить каналы между наборами ссылок, используя css :after для добавления содержимого

см. Эту скрипку: http://jsfiddle.net/gbPFR/1/

По какой-то причине он добавляет каналы внутри тегов <a>, а не после них.

В основном, все, что я ищу, это получить такой список:

Ссылка1 | Ссылка 2 | Ссылка 3

Любые предложения о том, что я делаю здесь не так?

Answer 1

Псевдоэлемент: after фактически работает таким образом.Именование немного сбивает с толку, поскольку псевдоэлемент вставляется не как следующий брат, а как последний дочерний элемент.

Вы можете попробовать использовать элемент list-style-item, но я думаю, что это не то, чтоты хочешь.

Answer 2

Вам нужно обернуть якоря, так как: after добавляет их после. Вы можете использовать список для создания дочернего контейнера:

<ul>
 <li><a href="#">Test1</a></li>
</ul>

См. http://jsfiddle.net/atqNy/1/