JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="input1">
<input type="text" id="input2">
<input type="text" id="input3">

CSS

#input1 {
    width:200px;
    height:40px;
    font-size:24px;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
}

#input2 {
    width:200px;
    height:40px;
    font-size:24px;
    zoom:.5;
}

#input3 {
    width:100px;
    height:20px;
    font-size:12px;
}