LI元素左边的浮动对齐到容器中的右边？

Question

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

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

这里是HTML代码：

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

PS LI的顺序不能相反。

Answer 1

试试这个

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

CSS

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

或使用浮动：正确的UL像

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

的jsfiddle Example

Answer 2

扭转li S的顺序在你的HTML，并使用float: right

Answer 3

充分利用li小号在线，并把text-align:right在ul

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

http://jsfiddle.net/XKARB/