Liebes Forum :)

ich bin ja mächtig erstaunt, wieviele Beiträge zu diesem Thema zusammengekommen sind. Die Lösung ist sehr gut brauchbar, ich bin begeistert von diesem Forum.

Ich möchte noch ein paar Dinge dazu sagen:

Verschieden große Schriften innerhalb einer Zeilenbox werden per Default an der selben Grundlinie ausgerichtet.

Genau das kann man sich zunutze machen. In die kleinere Überschrift wird per CSS ein unsichtbares Zeichen (wie U+2060) in der Schriftgröße der größeren Überschrift eingefügt, womit die Grundlinien in beiden Containern gleich wären.

Diesen Beitrag von Gunnar Bittersmann hätte ich gerne positiv bewertet und ich sehe es wie er, dass er es mehr verdient hätte als ich. Ich kann es aber leider nicht tun ("zu wenige Punkte"). Sorry. Aber ich danke dir wirklich sehr!!!

(btw. Was bedeutet in diesem Beitrag von dir am Anfang @@Gunnar Bittersmann. Ich kenne das nur mit einem @)

Ich habe zwei nebeneinander liegende div-Container in denen jeweils eine Überschrift ist,

Ein sicheres Zeichen dafür, dass es keine div-Container sein sollten, sondern sections.

Ob das richtig ist sei dahingestellt. In meinem Falle handelt es sich um ein cms-System. Da möchte ich nicht die gesamte Struktur ändern. Das cms-System zeichnet sich übrigens von Hause aus durch sehr gute google-Sichtbarkeit aus.

Und ::before ist definitiv besser als mein vorgeschlagenes ::after. Zumal in dem cms-System ohnehin schon viele ::after auftreten und sich das dann evtl. stören würde.

Das wechselseitige einsetzen der jeweils anderen Überschrift hatte ich auch gemacht (zwei dumme ein Gedanke :)

Tolles Forum

Kerstin