如何在单行上对齐2+ <span>

Question

我使用mustache在AMP HTML页面上填充数据。

以下是Google ampb.in上的目标HTML：https://ampb.in/#z4sIphWxKIOfZtfqWTpm

按钮将打开相关结构，但为简单起见，此处为空。

如何使第二个及后续<span>元素作为<p>的一部分内联工作。

尝试过.keep-together {display: inline-block; float: left}，但这不起作用。

如果我删除了mustache template，则<span>和<button>会按预期工作。

由于应用程序依赖于使用mustache，因此如何使内联元素像没有mustache一样工作？

Answer 1

小胡子正在为每个<p role="listitem">元素添加封闭的<span class="keep-together">标签。通过添加

p, .keep-together { display: inline; }

所有带有按钮的文本将显示为一个内联元素。

免责声明：我对胡须了解不多，可能有防止附加标签的选项。这只是CSS解决方法。