title: input text with dashed border and stroke length equal to the characters
body: <p>How do I make an input text using CSS, with a dashed bottom border/line that the length of strokes are equal to the length of each character?</p>
  
  <p>Here's an example:</p>
  
  <p><img src="https://i.stack.imgur.com/XTYVQ.jpg" alt="enter image description here"></p>