title: close button in bootstrap tabs - without putting <button> inside <a>?
body: <p>This question <a href="https://stackoverflow.com/questions/23211290/close-button-for-twitter-bootstrap3-tabs">Close Button for Twitter Bootstrap3 Tabs</a> shows how to create a Bootstrap3 tab with a close button in it: </p>
  
  <pre><code>&lt;li class="active"&gt;&lt;a href="#"&gt;Tab 1 &lt;button&gt;&lt;i class="fa fa-times"&gt;&lt;/i&gt;&lt;/button&gt;&lt;/a&gt; 
  </code></pre>
  
  <p>This works for me (I'm using glyphicons instead of font awesome) but then i read here <a href="https://stackoverflow.com/questions/6393827/can-i-nest-a-button-element-inside-an-a-using-html5">Can I nest a &lt;button&gt; element inside an &lt;a&gt; using HTML5?</a> that it's not acceptable to have a <code>&lt;button&gt;</code> inside of an <code>&lt;a&gt;</code> tag.</p>
  
  <p>What is the right way to add a button to a bootstrap tab if it's not allowed to be inside the <code>&lt;a&gt;</code> element?</p>
  
  <p>This JSFiddle (not mine) <a href="http://jsfiddle.net/vinodlouis/pb6EM/1/" rel="nofollow noreferrer">http://jsfiddle.net/vinodlouis/pb6EM/1/</a> shows the functionality I am going for with the little x button on the tabs. </p>