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

Question

[mishapsv]

Сделал здесь, но получается справа пустота, выглядит криво.
Может быть есть идеи, как колонки распределить равномерно (не разделяя один ul на три)?

Answer 1

[Pshkll]

ul.address-and-contacts__list {
    padding: 0px;
    position: relative;
    left: 60px;
}

Comments

[mishapsv]

Pshkll Спасибо. Почти так сделал, только в calc высчитывал процент смещения.

[Pshkll]

mishapsv: Пожалуйста. Используя calc вы должны учитывать его поддержку браузерами ;)

[mishapsv]

Pshkll я же флексбоксы использую, почти тоже по поддержке)

Answer 2

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

Так?

Answer 3

[GeekFromUa]

Мне кажеться что никак, кроме как задать статичискую ширину для li тега

Answer 4

[Web Developer Blog]

либо просто центрируйте блок с вашими li

Comments

[mishapsv]

Web Developer Blog Не совсем понял. ЧТобы список распределеялся на 3 колонки, ЛИ задан 33%.

Answer 5

[mletov]

Так может просто сделать ширину каждого li 33.3% ?

Comments

[mishapsv]

mletov Так она и сейчас такая

[mletov]

Использование flex обязательно?

[mishapsv]

mletov а есть что-то что не умеет флекс, но умеют блоки/инлайн-блоки?