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/