When I do print div, the signature and full name can be on 2 different pages. how do they always stay on the same page

@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();

when i run window.print(); (chrome) sometime text in (1) in page 1 and (2) in page 2. how to group (1) and (2) when printing html to pdf in chrome