Hallo Linuchs,
wenn Du Dich an Jürgens Vorschlag (und meiner Ergänzung) orientierst, brauchst Du margin
, display:inline-block
, width
und text-align:right
allesamt nicht. Die Kombi von position:absolute;
und transform:translate(calc(-100% - 0.5em))
macht den Job.
Effekt: Per Default steht ein absolute-Element dort, wo es auch ohne absolute landen würde. Nur eben aus dem normalen Elementfluss entfernt, so dass der folgende Text es überlagert. Der -100% Anteil des Translate schiebt es um seine eigene Breite nach links, so dass es jetzt links am Text klebt. Nochmal 0.5em dazu, und es gibt einen schönen Abstand.
Rolf
--
sumpsi - posui - obstruxi
sumpsi - posui - obstruxi