title: How to align the div with class pull-right vertically center in bootstrap
body: <p>I want to create a form line with a label an input field and a button. The first two element should be align left the button should be aligned right.
  I've tried the pull-right class, but it ruins the vertical alignment of the button. I want it to be vertically centered. I've tried to set the line-height, but it ruins the vertical alignment of the label. (I want the label to be aligned vertically center relative to the input too)</p>
  
  <pre><code>&lt;form class="form-horizontal"&gt;
     &lt;div class="form-group col-sm-11"&gt;
         &lt;label for="inputEmail3" class="col-sm-1 control-label"&gt;Email&lt;/label&gt;
         &lt;div class="col-sm-3"&gt;
             &lt;input type="email" class="form-control" id="inputEmail3" placeholder="Email"&gt;
         &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="pull-right"&gt;
          &lt;button&gt;Add&lt;/button&gt;
     &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><a href="http://plnkr.co/edit/i8jmEowKaKOcM2P8N225?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/i8jmEowKaKOcM2P8N225?p=preview</a></p>
  
  <p><a href="https://i.stack.imgur.com/5hxUA.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5hxUA.jpg" alt="enter image description here"></a></p>