JSFiddle - React, Tailwind, and code Playground

HTML

<textarea cols="30" rows="10">012345678901234567890123456789
1
2
3
4
5
6
7
8
9</textarea>
<textarea cols="30" rows="10" style="font-family: serif">012345678901234567890123456789
1
2
3
4
5
6
7
8
9</textarea>
<textarea id="textarea" cols="30" rows="10">012345678901234567890123456789
1
2
3
4
5
6
7
8
9</textarea>

CSS

* {
    font-size: 10px;
}
textarea {
    resize: none;
    padding: 0;
    display: block;
    line-height: 1;
}
#textarea {
    width: 30rem;
    height: 10rem;
}