Probleme mit Positionierung von Pseudo-Element

[Gunnar Bittersmann]

@@heinetz

Wenn nicht mit align-items, dann mit text-align?

Ein Pseudoelement wird über die volle Breite zur Überschrift absolut positioniert, darin eine entsprechende Anzahl von NBSP. Diese werden horizontal automatisch genauso ausgerichtet wie der Text der Überschrift. Die Linie ist die Überstreichung. (Unterstreichung ginge auch, muss man dann halt anders positionieren.) Die Dicke der Linie wird durch die Schriftgröße fürs Pseudoelement bestimmt; danach richtet sich dann die Anzahl der NBSP.

☞ Codepen

LLAP 🖖