How to print page breaks with CSS settings in Web pages

Word Press Ctrl + Enter to create a page break, easy to print, in fact, the page can also, with CSS page-break-after:always;

<p> 1th Page </p>
<div style= "page-break-after:always;" ></div>
<p> 2nd Page </p>
<div style= "page-break-after:always;" ></div>
<p> 3rd page </p>

Page-break-after:always is supported by any browser, but the other property values of Page-break-after are left, right, inherit, avoid and there are always browsers that do not support it. Page-break-after applies to non-floating block-level elements with a position value of relative or static. Page-break-after does not work when the display of an element or parent element is none.

The above applies page-break-after to a blank div, making it look more like a page break, in fact Page-break-after applied to the last label on the current page, such as the following code:

<p> 1th Page </p>
<p style= "page-break-after:always;" > 1th page </p>
<p> 2nd Page </p>
<p style= "page-break-after:always;" > 2nd page </p>
<p> 3rd page </p>
<p> 3rd page </p>

The elements of the page-break-after must be visible when printing, otherwise it will not work.