列表元素在 IE6 中不浮动

Question

我在网上看到过很多次这个问题，但到目前为止，所有这些都是基于<li><a>Test</a></li>等。

我想做的只是：

<ul>
<li class="title">Test</li>
<li>Test2</li> ** These should float together on the same line **
<li class="title clear">Test</li> ** New Line **
<li>Test2</li>
</ul>

这对我来说很好，除了IE6，它把列表元素放在单独的行上。

这方面的jsFiddle可以在这里找到：http://jsfiddle.net/pjWdg/

请在IE6上查看以注意错误，其他浏览器都可以正常工作。

我试过：

ul, ul li {
list-style: none;
padding:0px;
margin:0px;
}
.clear {
clear: both;
}
li.title {
width: 200px;
}
ul > li {
float: left;
}

我也试过：

ul > li {
display: inline;
}

一切都不会成功。有人能告诉我如何才能做到这一点吗？非常感谢。

**更新**

现在，在删除列表样式中的>之后，我得到了：

http://jsfiddle.net/pjWdg/1/

你仍然可以看到这是错误的，Test2出现在Test3旁边？

Answer 1

IE6不支持子选择器>

使用ul li来针对您的李。

Answer 2

在样式表中尝试这些更改。

ul, ul li {
list-style: none;
padding:0px;
margin:0px;
}
.clear {
clear: both; 
}
li.title {
width: 200px;
float:left;
}