右對齊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/有一個演示。