title: How to implement <a> tag in bootstrap button
body: <p><a href="http://jsfiddle.net/ettmujvg/8/" rel="nofollow noreferrer">Demo JS Fiddle</a>: </p>
  
  <p>I can't implement the <code>href</code> into the buttons. </p>
  
  <p>It will work if I put it this way : </p>
  
  <pre><code>&lt;a href="/"&gt;
      &lt;button type="button" class="btn btn-default btn-custom"&gt;
          &lt;span class="glyphicon glyphicon-align-left" aria-hidden="true"&gt;&lt;/span&gt;
          &lt;br /&gt;
          &lt;span class="btntext glyphicon-class"&gt;PP bậc thang&lt;/span&gt;
      &lt;/button&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>But this will result in this mess : </p>
  
  <p><img src="https://i.stack.imgur.com/4ml9g.jpg" alt="enter image description here"></p>
  
  <p>Is there any simple way I can fix this? Thanks alot! </p>