Header gestalten - Verschachtelung OK?

[Gunnar Bittersmann]

@@Bernd

Dann würde es auch mit dem Unterstrich klappen:

Das klappt auch bei dem von mir gezeigtem Beispiel mit kleinen Änderungen am Stylesheet:

• Nicht der body wird in der Breite beschränkt, sondern dessen Kinder header und main.
• Die Linie wird durch ein body::before-Pseudoelement erzeugt.
• Der header wird mit order: -1 vor (über) diese Linie gesetzt. Dazu wird body auch zu einer Flexbox gemacht.

☞ So sieht’s aus.

LLAP 🖖