Superseded by break-before : Please see :

• https://developer.mozilla.org/en-US/docs/Web/CSS/break-before
• https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Break_on_a_DOM_event

Please let us know if this solved your issue or if need further assistance.

OK, In chrome, or if I create a pdf, it works. When I print from Firefox, on any printer, it does not always work. If I have 2 page breaks close, the 2nd one does not work in Firefox.

I appreciate your help.

1st one may or may not work :

• https://support.mozilla.org/en-US/questions/1028183
• http://kb.mozillazine.org/Problems_printing_web_pages
• https://support.mozilla.org/en-US/kb/fix-printing-problems-firefox

Please let us know if this solved your issue or if need further assistance.

Attached is the skeleton of the HTML.

When I put just this code in a page, not one page break works. When however, I replace "(2)more content here" which is more content (> 1/2 page), then the first break works.... because it is more content???

If all 3 sections have content > 1/2 page, all the page breaks work. Again this issue exists only in Firefox.

Am I missing something?

W3C.org (World Wide Web Consortium) in charge of standards and practices and future development of web page code and web browsers. Pages rank higher in Google when code is correct. Use your Google Webmaster Account to submit and track.

• https://validator.w3.org/

HTML ERRORS - https://validator.w3.org/nu/?doc=http%3A%2F%2Fww38.yourschool.com%2F

• https://jigsaw.w3.org/css-validator/

CSS ERRORS - https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.yourschool.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

Please let us know if this solved your issue or if need further assistance.

Thanks for the screenshot.

I'm pretty sure the problem is on the first line. You're partially triggering Firefox's table layout rules, which do not paginate the same way as its block element layout rules.

Compare: https://www.jeffersonscher.com/res/page-break-before.html

Why do you use display:table for the outer div? Or to put that another way, can you get whatever effect you're looking for in some other way?