Как выровнять блоки, чтобы они расходились от центра страницы?

Question

[quramolt]

В макете есть определенная вертикальная линия по центру. И есть блок ссылок. Выровнять его целиком по центру нет проблем - https://jsfiddle.net/quramolt/sv67y28g/4/

Но мне бы хотелось, чтобы "блоки" ссылок отсчитывались от центральной линии (когда их четное количество). Варианты выше не сработают, если в ссылках разное количество текста.

На ум приходит только создать два дополнительных оберточных блока. Но это не подходит, если ссылок 3, 5, 7

Посоветуйте, пожалуйста, как такое осуществить?

Пример того, что я хочу сделать -

Comments

[Сергей Горячев]

Ни слова не понятно. А макет есть посмотреть?

[quramolt]

Sergey Goryachev: Добавил примерную картинку

[Сергей Горячев]

quramolt: По-любому обертка нужна, точней две.

[quramolt]

Я предполагал решить этот вопрос, разбив блок на две вертикальные части по 50%
Но тогда не получается, если там нечетное количество ссылок.

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

Answer 1

[sergski]

Как то так

Comments

[quramolt]

Тут выровнен весь блок ссылок по центру по горизонтали. Это я уже проходил, пример есть в вопросе. А то что мне надо - даже и выравниванием не назовешь.

Answer 2

[Андрей]

Если я правильно понял то, что вам нужно, то можно так

Answer 3

[s-jet]

смотреть через js количество ссылок через length и добавлять контейнеру класс _two-links.

Разметка:

<ul>
 <li><a>link</a></li>
 <li><a>link</a></li>
</ul>

В стилях:

._two-links li {
    width:50%;
    text-align: right;
}
._two-links li:last-child {
   text-align: left;
}