右拉垂直对齐按钮

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