<style>
    .table,
    .td,
    .th {
        border: 1px solid black;
        text-align: left;
    }

    .table {
        border-collapse: collapse;
        width: 100%;
    }

</style>

<div>

    <?php foreach ($productos as $pro) : ?>
       
            <table style="width: 100%;">
                <!--<tr>
                    <td style="text-align: center;"><h3><?= $pro['pro_codigo'] ?></h3></td>
                </tr>-->
                <tr>
                    <td style="text-align: center;"><br><?= $pro['pro_descripcion'] ?></td>
                </tr>
                <tr>
                    <td style="text-align: center;"><h2>REF. <?= $pro['pro_precio'] ?></h2></td>
                </tr>
                <?php if($pro['pro_barra']!=''){?>
                <tr>
                    <td style="text-align: center;"><barcode code="<?= $pro['pro_barra'] ?>" type="I25" /><?= $pro['pro_barra'] ?></td>
                </tr>
                <?php }?>
            </table>
      
    <?php endforeach; ?>

</div>