垂直对齐按钮的右拉

Question

我有一个项目的列表，并且每个项目都有一个按钮，我试图使用pull-right右对齐。

的jsfiddle：https://jsfiddle.net/p3rd4rkq/

正如你所看到的，按钮不正确垂直对齐。我试过设置line-height: 30px;，虽然这样做可以正确地垂直对齐按钮，但它也会更改整个列表项行的高度。 JSFiddle：https://jsfiddle.net/2vr1o9qn/1/

有没有更好的方法来对齐按钮并保持高度相同的大小？

Answer 1

然后用margin-top:-5px;尝试这样来实现这个

.pull-right { 

    margin-top: -5px; //added this 
    float: right!important; 
} 

Demo Here

Answer 2

一种方法是：

button { 
    position: relative; 
    bottom: 5px; 
}