如何右對齊到左的CSS菜單的內容

Question

I am looking at this example of a only css generated drop down menu: 

http://jsfiddle.net/XPE3w/7/

，我想知道我怎樣才能使「關於我們」選項卡下的項目從右對齊到left.Now他們看起來像：

About us 
    |Menu items with different length| 

我希望它看起來像：

       About us 
    |Menu items with different length| 

Answer 1

像這樣

demo

CSS

li ul { 
    display: none; 
    position:absolute; 
    right:0; 
} 

Answer 2

只需添加right:0;到li:hover ul或li ul

li:hover ul { 
    display: block; 
    position: absolute; 
    right:0; 
} 

working Fiddle

Answer 3

在你的css風格中使用float:right。

li ul { 
display: none; 
position:absolute; 
float:right; 
}