右拉垂直对齐按钮

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