title: Place custom icon inside bootstrap button
body: <p>I'm trying to use a custom icon inside of a bootstrap button, this is the html part:</p>
  
  <pre><code>&lt;button class="btn btn-info pull-right toggle" data-pausetext="Break In" 
   data-resumetext="Resume" &gt;&lt;i class="icon-play"&gt;&lt;/i&gt; Clock In&lt;/button&gt;
  </code></pre>
  
  <p>and on the stylesheet have this:</p>
  
  <pre><code>.icon-play {
  background-image : url(../img/Clock-Play.png) no-repeat;
  background-position: center center;
  }
  </code></pre>
  
  <p>but the icon is not showing inside the button...please help...thanks</p>