I am trying to make a numeric field separating each number in each line in the following way:
.input-numb{
letter-spacing: 30px;
border: 0;
outline: 0;
background: transparent;
background-image: linear-gradient(to right, black 50%, rgba(255,255,255,0) 0%);
background-position: bottom;
background-size: 40px 1px;
background-repeat: repeat-x;
}
<input type="text" maxlength="4" class="input-numb">
I can't center each line in the text?
If there is a better way to do it I would appreciate it.
I think this is what you were looking for, simply if you want to add more or less lines you have to play with the property
width