title: Input size with letter spacing
body: <p>An input element can have a <code>size</code> attribute that determines how many characters its width can hold, which is a neat feature in scenarios where the number of characters is fixed for certain types of input. For example the phone number, credit card number, customer ID number etc. In such cases it's more convenient to just put the <code>size</code> attribute on the input field than having to dig into the style sheet and define a width for each of them.</p>
  <p>However, when putting the size attribute it does not take into account <code>letter-spacing</code>. If I want my numbers to be more spread apart, they overflow the input width. Is there any way I can specify the size of an input field taking into account letter spacing and potentially other things affecting text size?</p>
  <p>HTML:<br />
  <code>&lt;input size=&quot;5&quot; placeholder=&quot;#####&quot;/&gt;</code></p>
  <p>CSS:<br />
  <code>input { letter-spacing: 1em }</code></p>
  <p>See this <a href="http://jsfiddle.net/v7Asv/" rel="nofollow noreferrer">JSFiddle</a> for the output. Notice that the placeholder text overflows the input field.</p>
  <p>Note that this failure to account for <code>letter-spacing</code> when determining <code>size</code> happens in Chrome but not FF.</p>