Gunnar Bittersmann: Überschrift in Linie anzeigen, quasi Linie durch Text

Beitrag lesen

@@Moni:

nuqneH

h1 {
font-size: 20px;

Nicht die beste Idee. Verwende relative Einheiten: em oder rem.

So habe ich die Linie unter dem Text, ich möchte den Text aber auf der Linie haben, das die Linie quasi durch geht.

Du meinst: durch die Unterlängen?

Geht das irgendwie?

Ja, mit absolut positioniertem Pseudoelement. Dessen Höhe ist eine „magic number“*. Der beste Wert könnte von der Schriftart abhängen, auf die man keinen 100%igen Einfluss hat.

Qapla'

* siehe Abschnitt** „Magic numbers“ in Code smells in CSS

** Grmpf, kann der Autors keine IDs für Abschnitte vergeben?

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)