Html Text input abbreviates the first character "j"

I have text input:

<input type="text" name="test1" value="jj" style="padding:0px;font-size:70px; font-family: 'Times New Roman'">

But the first character "j" is not fully displayed with Times New Roman font-family. What could be the problem?

enter image description here

EDIT

In my case it padding-leftdoes not help. I add padding-left:30px, and the result:

enter image description here

+4
source share
2 answers

Why don't you add an add-on:

<input type="text" name="test1" value="jj" style="padding:5px;font-size:70px; font-family: 'Times New Roman'">
+3
source

Yes, adding should solve the problem, but I think it could be more specifically padding-left and check the values ​​for the correct layout.

For example, with 10px indentation on the left.

<input type="text" name="test1" value="jj" style="padding-left:10px;font-size:70px; font-family: 'Times New Roman'">
Run codeHide result
0
source

Source: https://habr.com/ru/post/1657927/


All Articles