Как сделать такое меню резиновым?

Question

[Дмитрий]

Здравствуйте. Есть такое меню(на картинке). Правый и левый пункт меню прижаты соответственно к правому и левому краю контейнера. Остальные пункты меню независимо от их ширины имеют одинаковый правый марджин( у последнего пункта его соответственно нет).

Меню должно быть резиновым.

Как правильно сделать такое меню?

Answer 1

[Ankhena]

1. flex
2. без flex codepen.io/anon/pen/kXzroX

Answer 2

[Максим Тимофеев]

Либо возьмите bootstrap getbootstrap.com/components/#nav либо подсмотрите у них реализацию, то что Вам надо называется у них "nav-justified"

Answer 3

[DTX]

Либо
display: table;
Либо flex с
justify-content: space-between;

Upd:
С table немного не то получается..
codepen.io/anon/pen/GqPVQR

Answer 4

[Владимир]

frontender.info/a-guide-to-flexbox