Полный список с выравниванием по левому краю

Question

Можно ли растягивать и неупорядоченный список, чтобы заполнить всю ширину страницы; плавающие элементы списка (слева) внутри него, без исключения элементов списка, если они переполняют (скрытый) неупорядоченный список?

Если я просто сделаю overflow: none; в неупорядоченном списке, все элементы списка, которые не помещаются на 100 процентов, не отображаются.

Это то, что я хочу ...

http://roosteronacid.com/stackoverflow.png

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

Answer 1

Вы должны установить ul для отображения: table, и li для table-cell. Вот пример: http://jsfiddle.net/simoncereska/4w92q/