JSFiddle - React, Tailwind, and code Playground

HTML

<div class="noprint">
I dont want it on print
</div>
<br><br>

<div>
<br><br>


Prrintable Area


</div>
<a href="#" class="noprint"  OnClick="window.print()">Print</a>

CSS

@media screen
   {
      p.bodyText {font-family:verdana, arial, sans-serif;}
   }

   @media print
   {
      p.bodyText {font-family:georgia, times, serif;}
      .noprint
      {
        display:none
      }
   }
   @media screen, print
   {
      p.bodyText {font-size:10pt;
      
      }
      
      div.bodyText{
        border:1px solid black
      }
   }