删除内联填充而不删除换行符

Question

我有一个span的集合，我想挤进一行，非常类似于Github项目页面上的语言统计图表。问题是span在它们之间有间距（我没有添加），所以在width: 100%;的父项处，行换行。

Github上：

我的尝试：

我早些时候在this question上发现了一些有用的信息。它向我展示了我遇到的问题的解决方案。

然而，我仍有问题 - 因为我使用HAML，我在原始来源的跨度之间有换行符，而且我不知道如何删除它们。我正在寻找一种方法来消除跨距做之间的间距。

我有一个小提琴显示我想要做的事情http://jsfiddle.net/j9Y7a/1/ - 上面的版本显示了我希望它看起来如何，底部显示了当换行符出现时会发生什么

如何删除以行分隔的span标记之间的间距，而不用删除换行符？

Answer 1

如果你添加

float:left;

到.pipeline-bucket-segment，然后所有细分都很好地放在一起。

阅读所有关于浮动here的内容。