右对齐div内的内联UL

Question

我有一个显示在

内的分页输出。一个例子是张贴在这里： http://jsfiddle.net/6N4bD/1/

该UI被周围2周的div

包裹

1格是550个宽度 第二格称为“paginationDiv”基本上环绕

UL的UL已经列表样式： 没有。我想要做的是让它正确地浮动，但它一直以块的形式出现。我尝试了很多东西，但似乎没有任何工作。如果我添加一个宽度与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/

Answer 1

给float:left至#paginationLinks li然后看结果

Answer 2

看起来有什么工作是将display: inline;添加到li元素。

http://jsfiddle.net/XFdqT/有一个演示。