Force An Element To Take Exactly Half Of Available Height In Print Media

I am dynamically creating elements (student bills) on a web page which I want to print. I want this element to take only half of the total printable height in print media, so that

Solution 1:

Try this

add a div after every 2nd elements with page-break-after property

<divstyle="page-break-after:always"></div>

---

page-break-after property sets whether a page break should occur AFTER a specified element

DEMO