CSS - Print html document

Question

I have a report in html format that needs to be printed both in landscape and in portrait Can I use "@page {size: landscape / portrain}" property for individual blocks?

Answer 1

There is a way to hide the elements that you wouldn't want to appear in the print.

<div class="hide">
    <p> Anything in here will not print</p>
</div>

And you'd add the following to your CSS:

@media print
.hide{
   display:none;
}