垂直對齊按鈕的右拉

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; 
}