<style>
    @media print{
        #myPrntbtn {
            display:none;
        }
    }
</style>


<script>
    function printme(){
	    window.print();
    }
</script>

<div>
    <div style="background:black;width:40px;height:40px;float:left;border-radius:50%;"></div>
    <div style="background:black;width:40px;height:40px;float:right;border-radius:50%;"></div>

<div class="tab-content">

<button onclick="printme()" id="myPrntbtn">Print</button>

    <div style="width:100%;height:40%">

    </div>


</div>
<!--<div style="width:950px;color:transparent">.</div>-->

    <div style="width:100%;float:left;margin-top:0px;">

        <table cellspacing="0" style="color:#d11d53;text-align:center;display:inline-block;float:left;margin-top:0px;margin-left:50px;width:40%;font-size:22px;">
            <?php   for($i=1;$i<11;$i++){   ?>
                    <tr>
                        <td style="width:20px;font-weight:bold;padding:5px;"><?php echo $i; ?></td>
                        <td>
                            <?php foreach( range('A', 'D') as $ele) {
                                    echo "<td style='font-size:15px;text-align:center;padding-left:20px;padding-right:5px;'><p style='border:solid 1px;width:20px;height:20px;border-radius:50%;padding:2px;'>$ele</p></td>";
                                }
                            ?>
                        </td>
                    </tr>
                    <?php
                }
            ?>
        </table>

        <table cellspacing="0" style="color:#d11d53;text-align:center;display:inline-block;margin-left:28px;float:left;margin-top:0px;width:40%;font-size:22px;">
            <?php for($i=11;$i<21;$i++){    ?>
                <tr>
                    <td style="width:20px;font-weight:bold;padding:5px;"><?php echo $i; ?></td>
                    <td>
                        <?php foreach( range('A', 'D') as $ele) {
                                echo "<td style='font-size:15px;text-align:center;padding-left:20px;padding-right:5px;'><p style='border:solid 1px;width:20px;height:20px;border-radius:50%;padding:2px;'>$ele</p></td>";
                            }
                        ?>
                    </td>
                </tr>
                <?php
                }   
            ?>
        </table>

    </div>

    <div style="background:black;width:40px;height:40px;float:left;bottom:-180px;position:relative;border-radius:50%;"></div>
    <div style="background:black;width:40px;height:40px;bottom:-180px;position:relative;float:right;border-radius:50%;"></div>

</div>