title: How to prevent font falling out of button
body: <p>I have a button for my page that I'm also styling it</p>
  
  <pre><code>&lt;button id="logButton" &gt;Iniciar sesión&lt;/button&gt;
  </code></pre>
  
  <p>And then the css code</p>
  
  <pre><code>#logButton
  {
      width:119px;
      margin-bottom: 5px;
      padding-top: 3px;
      margin-left:35%;
      height: 25.5333px;
      font-weight: bold;
      font-size: 13px;
      font-family: helvetica, arial, sans-serif;
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/xskr5q3o/" rel="nofollow">Here's a fiddle also</a>.</p>
  
  <p>If I add the bootstrap class btn it doesn't do that and neither the font size nor the width of the button changes, my question is <strong>what does bootstrap do to keep text in place?</strong></p>