html - float 增加了不必要的空间

Question

我正在尝试设计鼠标悬停描述:
有时包括一两个额外的“信息”
- 这一次花车似乎是有序的，但是:

为什么是“15 分钟”。推出超出“maskine”的结尾？
- 我可以以某种方式压缩它以获得直线右边距吗？

解决方案:每一行白色文本必须在其自己的范围内(不形成单个方框):

Answer 1

它不会添加“不必要的”空间 - 它只是不知道文本的边界框中有可用空间(Plysning ...)。

一种可能性是将 15 分钟的文本绝对定位为 top: 0px; right: 0px; 并使用 text-align: right;。请记住在紫色包装容器上使用 position: relative;。