css - 自动打破跨度并保持右对齐

Question

我在 div 中有一个 label 和一个 span，其中 span 的内容是动态的。标签应始终右对齐，如果行中没有足够的空间容纳其内容，它应自动换行并保持在右侧对齐。

初始情况:

span的内容发生变化后:

它应该是什么样子:

Playground :https://jsfiddle.net/hj9zstjc/1/

有解决办法吗？

我已经尝试过使用 flexbox 来做到这一点，它允许我右对齐值 span 并在需要时自动将其换行到下一行，但我没有'能够弄清楚如何在换行后保持正确对齐。

Answer 1

span
{
   display: inline-block;
   float: right;
}

对于包装器 clearfix

.wrapper 
{
  overflow: auto;
}

https://jsfiddle.net/The_Freedom/hj9zstjc/2/