Tengo datos como estos dentro de una etiqueta div que estoy obteniendo datos de MySQL usando PHP y completando datos usando una etiqueta de división como esta.

El problema es que quiero imprimir estos datos como se muestra en la imagen, pero no obtengo la impresión deseada, pero obtengo una impresión como esta,

así que estoy tratando de imprimir la etiqueta div como imagen para obtener una impresión como esta

 **Code that i am using to print** **print.php** <div> <button class="btn btn--radius-2 btn--blue" onclick="printDiv('printableTable')">Print</button> <div> <div> <div class="row" id="printableTable"> <?php if (mysqli_num_rows($result) > 0) { while ($row = mysqli_fetch_assoc($result)) { ?> <div class="col-md-4" style="background-color:white;height: 180px;"> <p>--------------------------------------------------------------</p> <p><u><?php echo $row['ID'] ?></u></p> <p> <b><?php echo $row['Fullname'] ?></b> </p> <?php echo $row['Address'] ?> <p><?php echo $row['EmailId'] ?></p> </div> <?php } } ?> </div> **print.js** function printDiv(divName) { var printContents = document.getElementById(divName).innerHTML; var originalContents = document.body.innerHTML; document.body.innerHTML = printContents; window.print(); document.body.innerHTML = originalContents; }

Cualquier sugerencia es bienvenida, solo necesito imprimir estos datos completos en una sola hoja A4.