title: why is the button not vertically aligned?
body: <p>I made a simple demo in which I have a <strong>div</strong>  containing a button, but the button is not <strong>vertically aligned</strong> I used <strong>line-height</strong> as well as <strong>position absolute</strong> and <strong>top</strong> margin but it does not work. Why doesn't it work? Here is my code:</p>
  
  <pre><code>&lt;div ng-app='app'&gt;
  &lt;div ng-controller='first as f'&gt;
  
     &lt;div class='col-xs-4 text-center' style='background-color:red;height:70px;line-height:70px'&gt;
  
       &lt;button type="button" class="btn btn-primary btn-lg btn-block" style:'position:absolute;top:10px'&gt;Block level button&lt;/button&gt;
  
     &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p><a href="http://codepen.io/naveennsit/pen/KVawpW" rel="nofollow">http://codepen.io/naveennsit/pen/KVawpW</a></p>