title: Define the size for <input type="number">
body: <p>I'm setting up a simple HTML interface with <code>&lt;input type="number"&gt;</code> in it. The problem is that the <code>&lt;input&gt;</code> element is taking too much space (It takes about 10 columns, but I only need two columns).</p>
  
  <p>Because the input will never be more than two digits, I want to define as size of 2 characters for the <code>&lt;input type="number"&gt;</code> element.</p>
  
  <p>However the <code>width</code> attribute only works with <code>&lt;input type="image"&gt;</code>, and alternatively the <code>size</code> attribute doesn't work with the <code>type</code> attribute set as <code>number</code>. What other alternatives are there? (preferably HTML, or maybe CSS, nothing else)</p>
  
  <p>note:
  sounds like there is a css solution, as given below, however just to be more clear, I must add this question is not about setting a max/min value to the <code>number</code> type of <code>input</code> element, rather the width. CSS, as given below, solved the problem, although I haven't seen an HTML solution, but that's fine enough for me. Thanks</p>