为什么赢了'；列表项是否遵循内联CSS规则？

我的名单有问题。我放置了一个

空白：nowrap和
显示：内联它们所属的位置，但由于某种原因，
注释
列表项后仍有换行符。输出如下所示：

4 Months Ago    904 Notes
Laughing Squid    laughingsquid

4 Months Ago    904 Notes    Laughing Squid    laughingsquid

当它看起来像这样时：

4 Months Ago    904 Notes
Laughing Squid    laughingsquid

4 Months Ago    904 Notes    Laughing Squid    laughingsquid

我弄不清楚是什么引起了中间的奇怪的断线。任何有助于澄清问题并纠正它的帮助都将是了不起的

HTML:

感谢@Zeta指出了这一点，但答案很简单。我在
notes
列表项上缺少一个结束锚标记。该行应为：

<li class="notes"><i class="icon-heart"></i> <a href="#" title="notes">904 notes</a></li>


是的，我将更新原始帖子，以便使用适当的间距。@Justin：您注意到第二个链接条目中没有关闭锚定标记吗？这可能是巧合，但由于在浏览器中输入此项后布局会中断，因此值得一试。而且，我无法重现所描述的行为（FF14）。@Zeta-Wow，我觉得自己很傻。这就是问题所在。我已经盯着这个代码看了好几个小时，不知道出了什么问题。就在那里。贾斯汀：我知道那种感觉。事实上，我以为你把选择器的分组搞砸了。然后我注意到了您的实际问题和JSFIDLE。嗯，祝你有更好的日子。无论如何，你可以自己回答这个问题，因为我太累了，无法从上面的评论中挤出一个好的书面答案。