對齊右側列表中的項目

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/