title: How to customize the printing while using Window.print?
body: <p>i want to print a invoice and i use a print.css by media=print and when i change the current stylesheet to print.css i could able to view what i should be printing without the titles and content left aligned.</p>
  
  <p>But still while i'm printing there is space in the top and left and its taking up whole a4 sheet and also the whole width of the page.. But i've defined a body width of just 550 px.</p>
  
  <p>While i view to print preview, it takes the whole width instead of taking up 1/3 of the width..</p>
  
  <p>My print.css is</p>
  
  <pre><code>body {
    width:550px;
    height:450px;
    color:#000000;
    margin:0;
    padding:0;
    word-spacing:1.1pt;
    font-family : "Times New Roman", Times, serif;
    font-size : 10px;
    text-align:left; 
  }
  
  a {
    visibility :hidden;
    display : none;  
  }
  
  input{
    display : none;  
  }
  
  table { margin: 1px; text-align:left; }
  
  #list,#head,#cont,#fotter,#oth,#links,#name,li,ul,ol {
    display : none;  
  }
  </code></pre>
  
  <p>I'm printing through browser using window.print, so is there any special configuration i need to do...?</p>