CSS page-break-after funktioniert nicht

[Timo Schmidt]

Ich möchte in einem Text einen Seitenumbruch einbauen der in der Druckansicht auftaucht. Grundliegend weiß ich wie das geht. @media print{...}. Dazu gibt es ja auch genug Dokumentationen im Internet. Allerdings funktioniert das ganze bei mir nicht. Ich habe verschiedene Elemente ausprobiert auf die ich den page-break gesetzte habe(hr,div,h1). Ich habe mit und ohne @media print geabrbeitet. Ich habe alle Parent Elemente auf float none gesetzt. Ich habe Parent Elemente entfernt bis der Text direkt im Body stand. Ich habe auch verschiedene Browser getestet(Edge,Chrome).

Alles hat aber nichts genützt daher die Frage was habe ich in den anderen Dokumentationen übersehe, dass meine Seite darin hindert einen Seitenumbruch in der Druckansicht anzuzeigen.

Anbei noch Bilder von dem CSS und der HTML Seite.