css - 右拉按钮上的垂直对齐按钮

Question

我有一个包含一些元素的列表，每个元素都有一个按钮，我尝试使用右拉将其右对齐。

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