浮動增加了不必要的空間

Question

我試圖設計一個鼠標懸停說明：
有時還包括一個或兩個額外的「相關信息」
- 而這一次花車似乎是爲了，但：

爲什麼「15分鐘」超出了「maskine」的結尾？
- 我可以壓縮它，以獲得一個直的右邊距？

解決方案：白色文字的每一行必須在它自己的範圍（不形成一個方形盒子）：

Answer 1

它不添加「不必要」的空間 - 它只是沒有按不知道文本的邊界框中有空格（Plysning ...）。

一種可能性是將15min文本絕對定位爲top: 0px; right: 0px;並使用text-align: right;。記得在紫色包裝容器上使用position: relative;。