At the time of priniting page is breaking in 2 page but first page has blank space

Question

I had created a bill format in HTML and when I am viewing it in browser it viewed perfectly but when I am trying to print it is breaking in 2 pages. I am attaching my html code here for reference:-

I had uploaded code on jsfiddle and here is the link of the code
 

    https://jsfiddle.net/rohitarya/oyucgz4k/1/

Answer 1

That is because your table doesn't fit on A4 format. Try to make less paddings and make a font smaller. It could help you.

To add line breaker you could make CSS class for example linebreaker or any you would like:

@media print {
    .linebreak { page-break-before: always; }
}

Then just add an empty DIV with this class where you need to make a line break:

<div class="linebreak"> </div>