Print a page with HTML and CSS (particular content)

<div id="sample">
this content will show while print preview
</div>

<style type="text/css">\

//hide these .noprint id content while in print preview
@media print
{
.noprint {display:none;}
}
//show when normal browser
@media screen
{
.noprint{display:block;}
}
</style>

<div class="noprint">
page header and this content doesnt print while in print preview
</div>

<input type='button'class='noprint' onclick='window.print()' value='print'/>