Как растянуть элементы списка по ширине родителя?

Question

[Сергей]

Привет!
Подскажите способ расстянуть элементы списка <li> по ширине <ul>. Хочу, чтобы они равномерно занимали всё пространство родителя. Элементы ведут себя строчно-блочно: display: inline-block;
Здесь мой пример. Спасибо!

Обновил пример.

Answer 1

[Сергей Наломенко]

Как вариант, можете задать для ul свойство display: table, а для li — как ячейки таблицы (table-cell) для схожего поведения. Рассмотренный пример на StackOverflow находится тут.

Для Вашего случая должно получиться примерно вот так

Comments

[Сергей]

Да! Это то, что мне нужно. Спасибо!

Answer 2

[Дима Паутов]

1) Убрать display: inline-block;
2) Поставить width: 100%

Comments

[Сергей]

Нет, я хочу чтобы меню оставалось горизонтальным, для этого элементы ведут себя как блочно-строчные.

[Дима Паутов]

Сергей: Так как ты собираешься делать их шириной со список, если они по горизонтали идут??

Answer 3

[tasce]

width: inherit;