右对齐内部的内联UL

Question

我有一个分页输出,显示在其中

.这里发布了一个例子:http://jsfiddle.net/6N4bD/1/

ul包裹着2个div

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

Answer 1

似乎有用的是增加display: inline;li元素.

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

Answer 2

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