如何在<li>中的<span>与<li>的右侧对齐

在我尝试修改css之前,我的li看起来像这样(橙色的"新项目"是标签):

如果我尝试float: right标签向右移动,但是在

您还可以看到新项目标签在一种情况下被推送到下一行 - 我认为这是一个无关的问题.

有关如何让我的"新项目"跨越移动到我右边的任何提示

给予班级label保证金似乎有所帮助:

span.label {
  float: right;
  margin: 10px;
}