右のdiv内にあるインラインULを整列

Question

に表示されるページ出力があります。例はここに掲載されています http://jsfiddle.net/6N4bD/1/

ULは、2つのdivを

第一のdivは「paginationDiv」と呼ばれる550の幅 第二のdivは、基本的に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に、その後のli要素にdisplay: inline;を追加して動作するようです何の結果

Answer 2

を参照を与えます。

http://jsfiddle.net/XFdqT/のデモがあります。