在同一行上向左浮动，与文本齐平

Question

我坚持要加价。这些组件是嵌套的，因此单方面的更改已成为问题。

带有标签的工具提示通常如下所示：

<div col-md-6="4">
   <i class="icon"></i>
   <label>Some text</label>
</div>

i.icon {
  float: right;
}

工具提示通常会向右齐平地位于其中的列。

在没有可用列刷新的地方，这看起来很糟糕-工具提示仅浮动在页面中间。

因此，在这种情况下，我想移动工具提示，以使其紧随其后。

当然，如果我 float：left; ，该图标将越过左侧边缘，文本位于右侧。

是否有任何方法可以（仅）将CSS应用于上述标记，以使工具提示紧靠“某些文本”的右边缘？

自然，通用解决方案很重要：“某些文本”的长度可变。