对齐右侧列表中的项目

Question

我一直在搜索如何在div的右侧对齐列表中的项目。

我试过漂浮，

li {
float: right;
}

但它使得这两个项目在右侧，但不像我想要的那样在另一个项目之上。

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

Answer 1

在li的CSS中，还添加clear:both;。这可以防止其他对象进入li的任何一侧。我在你的小提琴中试过它，它很好用

请参阅here

Answer 2

基本上你需要删除float：right;并添加text-align：right到UL检查我提供的eh jsfiddle链接以查看解决方案

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

    ul {

        text-align:right;
    }

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

Answer 3

您只需添加：

即可

line-height:98px;

到你的李班 因此它会使文本以ul高度

为中心

以下是JSFiddle