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