Different Style Sheets
You can specify a different stylesheet for printing.
<link rel="stylesheet" type="text/css" media="print" href="print.css" /><link rel="stylesheet" type="text/css" media="screen" href="main.css" />One Style Sheet
As kodecraft mentioned, you can also put the styles into the same file by using the @media block.
@media print { div.box { width:100px; }}@media screen { div.box { width:400px; }}