css - 如何让 中的 与 的右侧对齐

Question

我有一个“标签”类的跨度 from the bootstrap framework .我将此标签嵌套在 <li> 中我希望它与 <li> 中的其余内容对齐.

在尝试修改 css 之前，我的 li 看起来像这样(橙色的“新元素”是标签):

如果我尝试 float: right标签向右移动，但位于 <li> 的右上角如此处所示:

您还可以看到在一种情况下新的元素标签被推到下一行 - 我认为这是一个不相关的问题。

关于如何让我的“新元素”跨度移动到我的 <li> 右侧的任何提示？这是我为演示目的而托管的页面的链接:a

Answer 1

给类 label margin 似乎有帮助:

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