Cuando imprimo div, la firma y el nombre completo pueden estar en 2 páginas diferentes. ¿Cómo se mantienen siempre en la misma página?

 @media print{ body{ background-color:#FFFFFF; background-image:none;} #print-button{display:none;} html, body, table, p{ font-size:12.0pt; } input[type=text]{ border:none; width:auto; } html, body { margin:0; } input[type=text][readonly]{ background:none; } } @page { size: A4 landscape; /* auto is the current printer page size */ margin: 1.5cm 2cm 0cm 1.5cm; /* this affects the margin in the printer settings */ }

 <section class="footer"> <div class="row"> <div class="col-xs-6"> //(1) <p><b><span>APPLICANTS</span></b></p> <p><span><i>(Sign and write full name)</i></span></p> <canvas id="sigCanvas" style="display:none;width:185px; height:79px"></canvas> <img style="height: 79px;width: 185px;" id="Signature_0" src="<?php echo SITE_ROOT . $PATH_PIC ; ?>"> //(2) <p> <input type="text" id="txt" value="full name 1"/> </p> </div> </div> </section>

 window.print();

cuando ejecuto window.print(); (chrome) alguna vez texto en (1) en la página 1 y (2) en la página 2. cómo agrupar (1) y (2) al imprimir html a pdf en chrome