title: How to format input text for 10 square box with digits
body: <p>I need an input text box that hold max of 10 digits (if less then 10 right aligned) Input should have 20px height and 200px width.
  Input should consist from 10 boxes (10px10px) and when user enter digits it have to display single digit per box.
  I managed to simulate those boxes with background</p>
  
  <pre><code>background-image: repeating-linear-gradient(90deg, black, black 1px, 
  transparent 1px, transparent 20px);
  background-position: 100%;
  </code></pre>
  
  <p>Using monospace font-family helped but still cant make it look and work as needed.
  Is this possible to achieve and can you provide me some small working snippet for that?</p>