Css 带选择框的水平列表

我正在使用列表标签，其中有3个标签，如sos：

<ul id="reg-lists" >
    <li class="one">
            <select>...</select>
        </li> 
    <li class="two">
            <select>...</select>
        </li> 
    <li class="three">
            <select>...</select>
        </li> 
    </ul>

但我似乎不工作,也不知道为什么。水平规则似乎很适用，直到你把组合。谢谢你的帮助。谢谢

这对我来说很好——列表项是水平显示的，至少当我在Firefox中看到它时是这样

如果您在其他浏览器中看到其他内容，请告知我们

如果是这种情况，解决方案可能是使用display:inline块而不是display:inline

内联块类似于内联，但允许元素包含块类型的元素，这是正常显示：内联样式所不允许的

---

希望这会有所帮助。

您需要为您的设置宽度，该宽度等于所有组合的宽度，然后将您的设置为浮动：左

它在firefox中工作。我想该表单存在。您用什么浏览器来测试它？内联块不完全受支持。@AlienWebguy-它得到了足够的支持，可以使用它。唯一有问题的浏览器是IE6和IE7，即使在这些浏览器中，它也能在这个问题的上下文中工作。内联块已经准备好使用了。是的，在我的工作中，我们仍然需要完全支持IE7。这是一个浏览器的瘟疫——几乎和IE6一样糟糕。是的，对我来说，宽度是个问题，其余的都是一样的。谢谢大家，希望这能帮助其他人。

#the-form li {
    display:inline !important;
    list-style-type: none;
    padding-right: 10px;    
}