title: Centering text within a button
body: <p>I'm learning Front end development and I'm trying to code my first site using bootstrap. I got stuck on a pretty simple thing I guess. 
  How do I center a text within a button ? </p>
  
  <p>This is the button, the default one using an "a" tag.</p>
  
  <pre><code>&lt;a class="btn btn-default btn-work" href="#"&gt;Check my work&lt;/a&gt;
  </code></pre>
  
  <p>and gave it a width and a height and the text remains stuck on the top..</p>
  
  <pre><code>.btn-work {
      width: 250px;
      height: 50px;
      margin: 0 auto;
      vertical-align: middle;
  }
  </code></pre>
  
  <p>I'm also trying to align the button to the center of the container and I can't figure that out either. </p>
  
  <p>Thanks ! </p>