html – 右对齐内部的内联UL

我有一个分页输出,显示在其中.这里发布了一个例子： http://jsfiddle.net/6N4bD/1/

ul包裹着2个div

第一个div是550宽度
名为“paginationDiv”的第二个div基本上包围了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/

解决方法

（编辑：ASP站长网）