выравнивание списка с плавающими элементами

[Ich]

как можно выровнять по центру экрана немаркированный список с элементами, которым присвоен float:left?

Пример вот https://jsfiddle.net/uo406sqj/1/ нужно чтобы выравнивалось по центру.

Если float отсутствует, то прекрасно работает text-align:center контейнеру и display:inline-block для списка, а вот как только появляется float у элемента списка - перестает работать. Можно ли как-то выровнять всё же?

[BrusSENS]

1 час назад, Ich сказал:

как можно выровнять по центру экрана немаркированный список с элементами, которым присвоен float:left?

Пример вот https://jsfiddle.net/uo406sqj/1/ нужно чтобы выравнивалось по центру.

Если float отсутствует, то прекрасно работает text-align:center контейнеру и display:inline-block для списка, а вот как только появляется float у элемента списка - перестает работать. Можно ли как-то выровнять всё же?

Как вариант

ul {
	margin-left: auto;
  	margin-right: auto;
	width: 500px; /* Для примера. Без ширины отступы не сработают */
}

Но если не особо принципиально, какой display, то, конечно, display: inline-block самый нормальный вариант.

И не забывайте про clearfix.

Edited January 20, 2017 by BrusSENS

[Ich]

Спасибо, с фикс.шириной всё понятно, но всё как раз для того, чтобы от нее отказаться для адаптивности.

Clearfix добавил, но почему то всё равно выравнивается по левой стороне https://jsfiddle.net/uo406sqj/2/

[Switch74]

а вы не пробовали не использовать float?
https://jsfiddle.net/uo406sqj/3/