将位于div内部的行内UL右对齐

Question

我有一个分页输出，显示在

中。以下是示例：http://jsfiddle.net/6N4bD/1/

标签包装了两个div：

第一个div宽度为550像素， 第二个div名为"paginationDiv"，主要是将ul包装起来。 ul的list-style为none。我尝试将其向右浮动，但它仍然以块状呈现。我尝试了很多方法，但似乎没有一种合适的解决方案。如果我给paginationDiv添加一个宽度，则可以解决问题，但不准确，因为宽度永远不会固定。

以下是它的外观：

<div class="parentDiv">
   <div class="paginationDiv">
      <ul id="paginationLinks">
        <li>Page 1</li>
        <li>Page 2</li>
      </ul> 
    </div>
 </div>

这是HTML代码

以下是CSS：

div.parentDiv { 
  width: 550px; 
}
div.paginationDiv {
  float: right;
}
#paginationLinks ul {
  border: 0;
  padding: 0;
  margin: 0;
}
#paginationLinks li {
  list-style: none;
}

我在这里发布了一个示例：http://jsfiddle.net/6N4bD/1/

- Adil

---

问题到底是什么？在我的浏览器（Opera 11）中似乎可以工作。 - Exelian

@Exelian：你说得对，它已经在Opera中运行了。但是，你应该知道，从统计学上讲，他很可能在Firefox或IE中进行测试。 - thirtydot

我在IE7，IE8，Firefox和Chrome中进行了测试。 - Adil

Answer 1

给#paginationLinks li添加float:left，然后查看结果。

- Mahima

---

谢谢，我已经添加了你的代码和@Chris的代码（display: inline;）。 - Adil

当然，您还需要反转显示顺序。 - clayRay

Answer 2

似乎有效的方法是在li元素中添加"display: inline;"属性。http://jsfiddle.net/XFdqT/里有一个示例。

- Chris

---

谢谢，我已经添加了你的代码和 @Mahima 的代码（float: left;)。 - Adil