Limit the number of characters in a separate input field for each character

Question

I have an input field and would want to give it a look and feel of a character-by-character box field (image below).

My HTML and CSS are written below. They

Answer 1

Use JavaScript. When the last number is entered the cursor will be set to the first position thus the display will be correct.