title: force input element's width to size to its content/value
body: <p>I'm trying to unstyle an input element so that its text looks like plain/inline-text, and I've reset pretty much every css property it can have, but I can't get the input's width to adjust/shrink to its content (<code>input { width:auto; min-width:0; }</code> does not work). It obeys an arbitrary width like <code>input { width: 10px; }</code>, so obviously its width is adjustable.</p>
  
  <p>I see <a href="https://stackoverflow.com/q/10833768/758177">people trying to do it with javascript</a> (the fiddle from the answer doesn't work anymore), so I'm wondering if what I want is even possible.</p>
  
  <p>Here's a <strong><a href="http://jsfiddle.net/jshado1/2fQgY/" rel="nofollow noreferrer">fiddle</a></strong>.</p>