Html 强制将div与展开文本放在同一行上

我需要这种行为：

[Short title text.txt []]
[Little longer title text.txt []]
[Longer title text with text text text ...[]]
[Longer title text with text tex ...[icon 1]]
[Longer title text with  ...[icon 1, icon 2]]
[Short title text.txt [icon 1, icon 2]]

• 动态标题长度
• 动态结束图标数
• 每次文本溢出时添加“…”

目的是，存在文件标题，当标题太长时，在标题末尾添加“…”，标题末尾可以是图标指示器（多个，当前为0-2），其必须位于文本末尾，而不是行尾

示例它应该是什么样子：

我认为这可能与此类似，但任何解决方案都不适用于此：

---

非常感谢。

如果内容有问题，请执行以下操作：

类强制内联{ 溢出：隐藏； 文本溢出：省略号； 空白：nowrap； 最大宽度：50%；/*不管这里用什么，我假设两个块没有填充/边距*/ 显示：内联块； 边距：0；填充：0； }

一些超长的文字，只是继续永远，永远和永远。
一些较短的文本。

它们是div吗？使用内联块。有一个提琴给我们吗？内联块我试过了，但我不能实现这个行为，在我发送提琴的那个一刻，我希望，这将是更明显的所有都应该在同一行解决方案在这里：感谢回复，问题是动态宽度的文本为基础的od文本长度的一端必须是多个图标的容器，必须在文本的末尾，但如果文本容器的长度较长，则必须固定在行的末尾，我无法对该评论作出正面或反面的解释。你需要做什么？我只是在这里创建了一个简单的错误行为示例抱歉，可能描述错误，应该是这样的：