Как сверстать резиновое меню с разделителями и с элементами «в край»?

Question

[Максим Карпов]

Есть вот такое меню, где два крайних итема упираются в края блока


Задача добавить к нему разделители между итемами, примерно как тут


Меню резиновое, могут добавляться, убираться элементы. Такое возможно реализовать на чистом CSS?

Answer 1

[Андрей]

Я бы сделал так и не парился

Comments

[Максим Карпов]

Как-то совсем неспортивно :-)

[Андрей]

Вам шашечки или ехать :)

Answer 2

[Eugene Chefranov]

.menu li {border-right: 1px solid #000;}
.menu li:last-child {border: none;}

Comments

[Максим Карпов]

Это то понятно, а как сделать так чтобы разделители были по центру между итемами и при этом первый и последний итем упирались в края блока?

[Eugene Chefranov]

Максим Карпов, можно так еще

но вариант Андрея ниже мне нравится больше

[Максим Карпов]

Eugene Chefranov, не по центру получается тогда

[Ankhena]

А еще все это написать не перебивая стили, а используя селектор типа li:not(:last-child) {} будет вообще праздник