title: Default input element size
body: <p>The input element by default is size="20" if this is not defined inline or a CSS style rule is attributed to it.</p>
  
  <p>How do you make the default the actual size of the value? For other elements:</p>
  
  <pre><code>&lt;div style="display: inline; width: auto;"&gt;
      The box will only fit the width of it's content
  &lt;/div&gt;
  </code></pre>
  
  <p>width: auto is all you need. I cannot put a defined width since the value may be longer. For example:</p>
  
  <pre><code>&lt;input id="short" type="text" value="1000" /&gt;
  &lt;input id="long" type="text" value=" Areally long name is in this input field." /&gt;
  </code></pre>
  
  <p>I want #short to be the size of 1000 (essentially size="4" + the padding) but the #long to be as long as needed. These inputs are coming in programatically so I can't simply put a short class on the one's I want short and a long class on the one's I want long. I would really just like it if I could put:</p>
  
  <pre><code>input { width: auto; }
  </code></pre>
  
  <p>Anyway to do this?</p>