Search code examples
csstwitter-bootstrapvertical-alignment

Button vertical alignemnt inside div

I want to align vertically a button inside DIV using bootstrap. So far the button is inside the div and in the same line but seems to be a bit lower. Here is the code 

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

see the screenshot here

Solution

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

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