Html 三个<；跨度>；无论内容是什么，都要保持在一条线上并向下扩展

所以我有一个wordpress插件的问题，它似乎不受支持，但我还是想使用它

插件的名称是VS餐厅菜单（Visual Composer）

我面临的问题可能是有一个简单的解决方案，但我没有能力让它发生，也不知道如何最好地解释它

提前谢谢大家

问题
因此，这个插件使得在VisualComposer中轻松放置菜单项成为可能，但是当菜名太长时，它会压低价格，我不希望这样

该插件由Span1、Span2和Span3组成

跨度1：编号
跨度2：菜名
跨度3：价格

以下是现场跨度的外观：

我在找什么
我希望跨距保持在同一条线上，向下增长，而不是向下推下一个跨距

我试着用各种css寻找一个解决方案，但没有任何效果

有什么想法吗

---

谢谢大家!

您的描述不包含任何代码，这确实不是您在此处提问的方式，但这里有一个通用方法：

---

将

width

设置（以百分比为单位）应用于跨度（如10%/75%/10%），使其

显示：内联块

并添加

垂直对齐：顶部
您的描述不包含任何代码，这确实不是您在此处提问的方式，但这里有一个通用方法：

将
width
设置（以百分比为单位）应用于跨度（如10%/75%/10%），使其
显示：内联块
并添加
垂直对齐：顶部
我知道，因为我没有创建代码。百分比是正确的吗？如果是浮动的话，跨度会随着内容的增加而增加吗？好吧，但是如果没有代码，你将无法得到详细的答案。我理解，但是你的答案无论如何都非常好。我用它做了一个解决方案，在所有视口中都很有效。所以非常感谢你！如果我发现更多问题，我会确保添加代码。我知道，因为我没有创建代码。百分比是正确的吗？如果是浮动的话，跨度会随着内容的增加而增加吗？好吧，但是如果没有代码，你将无法得到详细的答案。我理解，但是你的答案无论如何都非常好。我用它做了一个解决方案，在所有视口中都很有效。所以非常感谢你！如果我发现更多问题，我会确保添加代码。