Html Page Break not working

Question

Trying to set a page break in the page I\'m working on but in the print preview I\'m still seeing things on the page that aren\'t supposed to be there. Can\'t figure out why thi

Answer 1

Your css needs to be

hr.applicant-break {page-break-after:always;}

EDIT:

Doing some reading on the W3Schools website, it seems this css property is meant for table elements

"Set the page-breaking behavior to always break after a table element"

EDIT:

Doing some more reading, it seems browsers do support more than the table element, however some browsers have trouble with it on HR and BR tags (Reading here)

try putting a div after the hr like so

and changing your CSS to

div.applicant-break {page-break-after:always;}