title: How can I vertically center text and a button in a list group header?
body: <p>I have the following header in a list group</p>
  
   
  
  <pre class="lang-css prettyprint-override"><code>.list-group-header{
    border: solid black 1px;
  }
  
  button{
    height: 50px;
  } 
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="list-group-header clearfix"&gt;
    &lt;div class="pull-left"&gt;
    Open Issues
    &lt;/div&gt;
  
    &lt;button class="pull-right"&gt;
    New Issue
    &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like a bootstrap way of vertically centering the header "Open Issues" with the button</p>