html - 如何从右到左对齐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;
}