Pseudoelement positionieren

[Rolf B]

Hallo Matthias,

keine Verbesserung

Very well. Definiere: "Verbesserung".

Weniger CSS Text?

Weniger magische Zahlen? width und height wirst Du brauchen, weil Du nur ein ::after Element haben kannst und darin auch kein HTML, d.h. du kannst die Elementgröße nicht an's Bild anpassen.

Kein padding-top oder line-height, um den Text nach unten zu bekommen? vertical-align:bottom greift nur bei display:table-cell, aber das hilft nicht, weil sich table-cell mit position:fixed beißt.

Aber

display:flex; flex-direction: column; justify-items: flex-end;

würde gehen. Ist nur sehr verbös.

Verbleibende Magics sind die 30px für den Abstand rechts und die Maße der Box.

Rolf