Как я могу добавить горизонтальные линии между горизонтальными элементами списка? ⇐ CSS

[Anonymous]

ul {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}

a {
float: left;
width: 6em;
text-decoration: none;
color: white;
background-color: purple;
padding: 0.2em 0.6em;
margin: 0em 2em;

border-right: 1px solid white;
}

a:hover {
background-color: fuchsia;
}

li {
display: inline;
}< /code>

• Link one
• Link two
• Link three
• Link four

< /code>
< /div>
< /div>
< /p>

Мне интересно, есть ли способ сделать что -то У меня есть на этой картинке, с кодом.
не границы или текст, а строки между пунктами меню. Стиль правильно.
Если у кого -то есть решение, которое они использовали, прежде чем я хотел бы услышать его.
заранее спасибо за помощь. < /p>




Подробнее здесь: https://stackoverflow.com/questions/275 ... list-items