LI元素有浮动左边是否与容器中的右边对齐？

Question

在此代码中，LI元素具有float：left并且与容器的左侧对齐。我想让它们与右边对齐。我如何使用CSS？

例如： [.................................. Item1.Item2]

以下是HTML代码：

<div class="menu">
  <ul>
    <li>Item1</li>
    <li>Item2</li>
  </ul>
</div>

P.S。 LI的顺序不得颠倒。

Answer 1

试试这个

<div class="menu">
  <ul>
    <li>Item1</li>
    <li>Item2</li>
  </ul>
</div>

CSS

.menu
{ float:right;
}
.menu li
{ float:left;
}

或使用float：right to ul like

.menu ul
{ float:right;
}
.menu li
{ float:left;
} 

JSFiddle Example

Answer 2

将li内联并text-align:right放在ul

上

.menu li {
    display:inline;  
}
.menu ul {
    text-align:right;  
}

http://jsfiddle.net/XKARB/

Answer 3

撤消html中li的顺序，然后使用float: right