title: menu links aligment not working
body: <p>I am using bootstrap 3 navbar. But on one of my drop downs I have add a <code>&lt;span class="label label-success"&gt;&lt;/span&gt;</code></p>
  
  <p>I cannot seem to get my <code>span</code> inline with the links that it is connected to. Not sure what to do.</p>
  
  <p>Demo here: Click on the notices link for drop down menu. <a href="http://codepen.io/riwakawebsitedesigns/pen/asqoy" rel="nofollow">http://codepen.io/riwakawebsitedesigns/pen/asqoy</a></p>
  
  <pre><code>.dropdown-menu {
    min-width: 280px;
  }
  
  ul.nav .navbar {
    margin: 0;
    padding: 0;
  }
  
  .dropdown-menu li {
    margin: 0;
    padding: 0;
    vertical-align: top;
  }
  
  .dropdown-menu li a {
    margin: 0;
    overflow: auto;
  }
  
  .dropdown-menu li a:hover {
    background: #222222;
    color: #FFFFFF;
  }
  
  .dropdown-menu li a span {
    float: right;
    display: block;
  }
  </code></pre>