Spaltenumbruch und Bindung von Überschrift und Paragraph

[Gunnar Bittersmann]

@@MrMurphy1

Gibt es eine schlaue Lösung?

Wenn du damit eine Lösung meinst die browserübergreifend funktioniert - ja.

Nicht so schnell, junger Freund.

Allerdings muss das CSS den Eigenheiten von Multicolumn angepasst werden. […]
Wenn, wie in deinem Fall, eine Überschrift und der nachfolgende Absatz immer in einer Spalte stehen sollen, können die mit einem div umgeben werden

Iiiihh!!!

Was soll’s, sei’s drum. (No pun intended.)

Das funktioniert browserübergreifend über die Anweisung display: inline-block.

Wenn zum Beispiel einzelne Absätze (p-Elemente) nicht auf zwei Spalten verteilt werden sollen […]

Das ist aber sehr „um die Ecke gedacht“. Wenn innerhalb eines Absatzes kein Spaltenumbruch erfolgen soll – dafür gibt es eine spezielle Eigenschaft: (page-)break-inside: avoid; und die funktioniert browserübergreifend.

[…] kann ihnen die Anweisung direkt zugewiesen werden.

BTW, es gibt in CSS keine „Anweisungen“.

Aber jetzt kommt’s: Weder dein display: inline-block noch (page-)break-inside: avoid erfüllt die gewünschten Anforderungen:

Wenn, wie in deinem Fall, eine Überschrift und der nachfolgende Absatz immer in einer Spalte stehen sollen […]

Nein, Spaltenumbrüche sollen innerhalb von Absätzen ja durchaus erlaubt sein. Sie sollen nicht zwischen Überschrift und dem Absatz danach stattfinden.

Der ersten Absatz nach einer Überschrift darf durchaus auf zwei Spalten verteilt werden. Inbesondere wenn dieser länger ist, macht sich das störend bemerkbar, wenn man das unterbinden würde.

Da bleibt wohl doch nur, auf die Unterstützung der für den Umbruch zwischen Überschrift und Absatz zuständigen CSS-Eigenschaft zu warten: (page-)break-after ((page-)break-before).

LLAP 🖖