JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
    </head>
<body>
    <a href="javascript:window.print()">Print me please</a>
</body>
</html>

CSS

@page {
      size: 21cm 20.7cm;   /*A4*/
      margin: 30px; /*webkit says no*/
    }
    
    html{
        margin: 30px;
        padding: 0 ;
        position: relative;
        width: 100%;
    }
    
    body {
        margin: 30px;
        padding: 0;
        font-family: sans-serif;
        width: 100%; 
        background: #eee;
    }