Отображение списка UL по горизонтали

Question

Я не уверен, как сделать мой список Subnav для горизонтального отображения. Кто-нибудь знает как это решить?

http://jsfiddle.net/nategines/9bued/10/

Answer 1

Это довольно просто. Основная часть - это плавающие элементы li влево:

li
    float: left

Вы, вероятно, захотите добавить некоторые отступы и установить стиль списка в none:

ul
    list-style: none

li
    float: left
    list-style: none

Несколько других вещей, таких как границы, поля и отступы, могли бы отшлифовать его, но это по сути.

Answer 2

Ваш контейнер списка, #subtabs, имеет ширину 10em, что соответствует 160px, той же ширине элементов списка.Увеличьте ширину или удалите все вместе, и все будет в порядке.