i have an invoice like page in my website. where user can print the invoice, when the user clicks on the print button, it opens up like below image:

as you can see there are white spaces around the invoice, i want to remove them, i want the bill t occupy the whole printing page, i tried the following but it didnt work:

  @media print {
            html, body, {
        position:fixed;
        top:0;
        bottom:0;
        left:0;
        right:0;
    }
      }

can anyone please tell me how to do it, thanks in advance