对齐右侧列表中的项目

Question

我一直在寻找如何对齐div右侧的列表项verticaly。

我试图浮动，

li { 
float: right; 
} 

但它使这两个项目是在右侧，但不是在另一个上面，因为我打算。

我得到了on Fiddle，你可以看到option1和option2在右边，但没有垂直对齐。

Answer 1

在您的CSS为li，也加入clear:both;。这可以防止其他对象位于您的li的任一侧。我试了一下在你的小提琴，它很好地工作

见here

Answer 2

您可以再补充一个：

line-height:98px; 

到贵丽类 因此，将中心与UL高度

文本

这里是JSFiddle

Answer 3

基本上你需要删除float：right;并添加文本对齐：右UL看看吧的jsfiddle链接我提供看解决方案

//remove 
     li { 
     float: right; 
     } 
    // and add 

    ul { 

     text-align:right; 
    } 

http://jsfiddle.net/jspatel/F3XgY/