div 内的按钮垂直对齐

Question

我想使用 bootstrap 在 DIV 中垂直对齐按钮。 到目前为止，该按钮位于 div 内并且在同一行中，但似乎有点低。 这是代码

<div class="alert alert-info "  role="alert" ><div style="display:inline">Hello</div> <div style="float:right; display: inline-block;"><a class="btn btn-info " target="_blank" href="">Preview</a></div></div>

看截图here

Answer 1

http://jsfiddle.net/8qhsbawe/1/

.alert-info span {
  height: 34px;
  line-height: 34px;
  display: inline-block;
}