title: Html input type text with slot for each character represented in css
body: <p>Is it possible to achieve this result without using a span with border (solid black) for each square and playing with font-weight and font-size?</p>
  
  <p><a href="https://i.stack.imgur.com/NBId3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NBId3.png" alt="This is the result"></a> </p>