html - 带有嵌套子列表的水平内联列表

Question

我有一个包含子元素的列表，例如:

<ul>
    <li>.. </li>
    <li>
        <ul>
            <li>.. </li>
        </ul>
    </li>
    <li></li>
</ul>

<style> li {float: left; margin-left: 10px }  li ul {float: left} </style>

这在 Firefox 中很好，所有列表元素都像我想要的那样水平内联。

李李李李李李

当我在 Chrome 中查看时，虽然这些子元素被放在主列表元素下面，如下所示:

LI     LI                LI
           LI     LI  

我在所有元素上都尝试了 display: inline，但没有任何区别。

创建具有这样的嵌套子元素的水平行列表元素的最佳跨浏览器方法是什么？

这是一个 fiddle :http://jsfiddle.net/thirtydot/7yufQ/1/

在 Firefox 中，数字是从 float 中搞砸的，而 Chrome 会按照我上面的示例显示它们。

Answer 1

<style> 
    ul{
      padding:0px;
      margin:0px;
      list-style-type:none;
      }
    li {float: left; margin-left: 10px }  
    li ul {float: left;} 
</style>

这是一个例子，在 Chrome 中也适用于我

http://jsfiddle.net/corotchi/8BLck/