Make Divs On A Page Print On Seperate Pages When Printed

I have Divs of different sizes that are generated by user input, I need them to be printed in different pages when printed. Like for example Div1 takes up 1.5 pages, and div2 takes

Solution 1:

You can include separate stylesheets for screens (monitors, phones, tablets, etc.) and printing:

<link rel="stylesheet"type="text/css" media="screen" href="screen_style.css">
<link rel="stylesheet"type="text/css" media="print" href="print_style.css">

Then you can use CSS page breaks in the print stylesheet to specify a page break before and/or after each relevant div.