Html &引用；对正内容：在“之间的空格”；跨度

我正在寻找一种方法，在一个div中布局两个跨距，使所有未使用的空间都在它们之间。以下是我想要实现的示例：

我知道，使用flexbox属性

justify content:space-between可以实现类似的功能，但它似乎不适用于跨度：

我还尝试了
text align
和
float
属性，但找不到使其工作的方法。有什么建议吗？
为什么不使用“内联块”显示和左span的填充/边距？@PayamSh左右文本的宽度都是可变的。我可以使用边距/填充物将它们分开，但不能将它们“粘贴”到容器的左端和右端。LMK如果我误解了你的建议。基本上没有。
flexbox
布局块。块是矩形的。您对此无能为力。使用display:flex或@dmitry您的建议似乎不适用于多行跨距：为什么不使用“内联块”显示和左跨距的填充/边距？@PayamSh左右文本的宽度都是可变的。我可以使用边距/填充物将它们分开，但不能将它们“粘贴”到容器的左端和右端。LMK如果我误解了你的建议。基本上没有。
flexbox
布局块。块是矩形的。您对此无能为力。使用display:flex或@dmitry您的建议似乎不适用于多线跨度：