水平显示UL列表

Question

我不知道如何让我的Subnav列表水平显示。有谁知道如何解决这个问题？

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

Answer 1

您的列表容器#subtabs的宽度为10em，转换为160px，与列表项的宽度相同。增加宽度或将它们全部移除，你应该没问题。

Answer 2

这很简单。批量是将li元素浮动到左侧：

li
    float: left

您可能希望添加一些填充并将list-style设置为none：

ul
    list-style: none

li
    float: left
    list-style: none

边框，边距和填充等其他一些内容可以对其进行修改，但实质上就是它。