Правый Выровнять встроенный UL, который находится внутри div

Question

У меня есть вывод на страницу, который отображается в пределах

. Пример размещен здесь: http://jsfiddle.net/6N4bD/1/

ул обернута вокруг 2 дивы

первый ДИВ 550 ширина 2-й Слой «paginationDiv» в основном обертывания уль вокруг

ул имеет список-стиль : никто. То, что я пытаюсь сделать, это заставить его плавать вправо, но он продолжает появляться как блок. Я пробовал немало вещей, но ничего не работает. Если добавить ширину в 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/ имеет демо-версию этого.