无法获得徽章以与导航栏中的链接对齐

Question

我无法弄清楚如何在导航栏中的链接旁边获取徽章并使其正确排列.

<ul class="nav">
 <li><a href="#">Home</a></li>
 <li><a href="#">Link</a><span class="badge badge-important">4</span></li>

这是我的问题的JSFiddle示例:http: //jsfiddle.net/pHRc9/3/

Answer 1

尝试将 a href 的结束放在 span 结束之外。

<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Link <span class="badge badge-important">4</span></a></li>

更新答案

您在问题中没有具体说明这一点。使用你已经存在的代码，并放置这个CSS对我来说效果很好。

a {
    float:left !important;
}
span {
    float: left !important;
    margin-top: 10px;
}