在<li> </li>中排列3个项目时出现问题

Question

我无法在列表中对齐3个元素。

以下是我的问题的链接：

http://mistirio.com/codecanyon/beta_flexi/

我唯一能够以正确形式获取滑块及其标签的方法是使用：     向左飘浮;每个元素。

但是这会将它们放在页面的左侧。这很明显。

什么都不做搞乱。

所有帮助表示赞赏

Answer 1

将float: left替换为display: inline-block。然后，您在父元素上的text-align: center将使滑块居中。

如果您需要IE6 / 7支持，请使用display: inline-block; *display: inline; zoom: 1。 More info.

Answer 2

最好的方法是将它们全部包装然后向右对齐。即：

<ul style="width:500px; text-align: right;">
    <li>Foo<input /></li>
    <li>Bar<input /></li>
    //etc...
</ul>