Html 删除内嵌填充而不删除换行符

我有一个

span

s的集合，我想把它压缩成一行，非常类似于Github项目页面上的语言统计图。问题是

span

s之间有间距（我没有添加），因此父级的

width:100%，行换行

github：

我的尝试：

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

然而，我仍然有一个问题——因为我使用的是HAML，我在原始源代码中的跨距之间有换行，我不知道如何删除它们。我正在寻找一种方法，当跨距之间确实有断线时，消除跨距之间的间距

我有一把小提琴，显示了我想做的事情——上面的版本显示了我想要它的样子，底部显示了当出现断线时会发生什么

如何在不删除换行符的情况下删除行间分隔的
span
标记之间的间距

float:left;

到
.pipeline bucket segment
，然后将所有段很好地放在一起

阅读所有关于浮动的内容。
您可以随时使用
字体大小：0
。。那会有用的。。更新示例-在Haml中，您可以控制。谢谢，@matt！我还讨论了要求HAML解决方案的问题。很高兴知道有一个。