LI元素左邊的浮動對齊到容器中的右邊？

在此代碼中，LI元素具有float：left並與容器的左側對齊。我想讓它們與右邊對齊。我如何用CSS做到這一點？LI元素左邊的浮動對齊到容器中的右邊？

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

這裏是HTML代碼：

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

PS LI的順序不能相反。

2011-09-30 vicuv

你試過'浮動：right'？ –

試試這個

<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

2011-09-30 19:08:53 Sanooj

扭轉li S的順序在你的HTML，並使用float: right

2011-09-30 18:48:54

這是不可能的，因爲LI的來源在多個可能需要項目直接訂單的模板之間共享。 – vicuv

你有沒有嘗試漂浮'ul'的權利（在包裝div內）？ –

我的意思是在'ul'的''''和'float：right'上使用'float：left'。可以工作 –

充分利用li小號在線，並把text-align:right在ul

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

2011-09-30 19:07:39 Galen

雖然他會失去列表式標記。但我想他不想要他們。 –

他把他們留給了他們，所以我認爲他不想要列表樣式 – Galen

這是最好的解決方案。另外'display：inline-block;'將允許LI具有寬度/高度。 – LessQuesar

回答