JSFiddle - React, Tailwind, and code Playground

HTML

<input type="email" class="text-input1" id="email">
<input type="email" class="text-input2" id="email">
<input type="email" class="text-input3" id="email">

<!-- ##### -->

<input type="email" class="text-input4" id="email">

CSS

.text-input1 {
    font: 99% sans-serif;
    line-height: 1.5;
}

.text-input2 {
    font: 99% sans-serif;
    line-height: 2.5;
}

.text-input3 {
    line-height: 10;
    height: 20px;
}

/* ###### */

.text-input4 {
    font: 99% sans-serif;
    line-height: 1,5;
    height: 20px;
}