如何从右向左对齐css菜单的元素

Question

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

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

我想知道如何让“关于我们”标签下的项目从右到左对齐。现在他们看起来像这样：

   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;
}