title: Adding an arrow on the right side of the badge in list group
body: <p>I'm trying to add an arrow icon (from font-awsome) in a list group. The problem is it shows up on the left side of the badge instead of the right. How can I fix it?</p>
  
  <p><strong>Example:</strong>
  <img src="https://i.stack.imgur.com/jWGqz.jpg" alt="enter image description here"></p>
  
  <p><strong>My HTML (using Bootstrap):</strong></p>
  
  <pre><code>   &lt;ul class="list-group"&gt;
          &lt;li class="list-group-item"&gt;Friends
              &lt;span class="badge"&gt;0&lt;/span&gt;
              &lt;span class="icon-angle-right pull-right"&gt;&lt;/span&gt;
          &lt;/li&gt;
          &lt;li class="list-group-item"&gt;Items
              &lt;span class="badge"&gt;0&lt;/span&gt; 
          &lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>