Какая существует лучшая техника для резинового меню на данный момент?

Question

[ValeraValera]

Вопрос очень банальный и смешной , но все же.
Как сделать одинаковые отступы между пунктами меню ?
Какая техника на данный момент считается лучшей?
Ширина родителя неизвестна.

<div class="col-lg-5">
                <nav class="main-nav">
                    <a href="" class="main-nav__item">О нас</a>
                    <a href="" class="main-nav__item">Каталог</a>
                    <a href="" class="main-nav__item">Оплата</a>
                    <a href="" class="main-nav__item">Доставка</a>
                    <a href="" class="main-nav__item">Опт</a>
                </nav>
            </div>

Answer 1

[HamSter]

flex

как-то так:

.main-nav {
    display: flex;
    align-items: center;
    align-content: space-between;
    justify-content: space-between;
}

Comments

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

Так же, если поддержка flexbox режет руки, то можно использовать эмуляцию таблицы

Answer 2

[Олег]

Как вариант https://jsfiddle.net/wk9skrjv/1/

Answer 3

[Kovalsky]

stackoverflow.com/questions/49536/how-do-i-really-...
stackoverflow.com/questions/49536/how-do-i-really-...