JSFiddle - React, Tailwind, and code Playground

by 2Yootz

HTML

<div id="print-header">
    <img src="img/logo.png" width="200px" height="50px" >
</div>

<div>
Page #1
</div>
<div class="break">
Page #2
</div>

CSS

#print-header{    display: none;  }
@media print {
    #print-header {
        display: block;
        position: fixed;
        top: 0pt;
        left: 0pt;
        right: 0pt;
        text-align: right;
    }
}
.break{page-break-before:always;}