title: Receipt Printing
body: <p>I am trying to make a web app print receipts for my customer (he asked me for it) I've placed a table and everything however when I print it I just can't get it to print correctly into the fields of the receipts. Let me explain, the receipts are already made so I am merely making a place where the user inputs all the required fields and then prints it as if printing a normal web page, being the output paper this receipt (that looks sort of like <a href="http://www.monografias.com/trabajos55/documentos-comerciales/Image10677.gif" rel="nofollow noreferrer">this</a>) anyway I've tried to move where the printer prints using a "print" css but it just won't obey...on top of that the text has gone wayyy small (I really don't know why) and honestly have no idea how to handle this anymore =/...does anyone out there knows?</p>
  
  <hr>
  
  <p><strong>Edit for Code</strong></p>
  
  <pre><code>* {
      /* old-style reset here :) */
      border: 0px;
      padding: 0px;
  }
  table {
      left:0px;
      top:0px;
  }
  td, th {
      text-align: center;
      vertical-align: middle;
      color: #000;
  }
  
  input{
      outline:none;
  }
  
  .borde{
      background-color:#0FC;
      border: solid 2px #0FF;
  
  }
  </code></pre>
  
  <p>The HTML is a plain table...with input fields...</p>