JSFiddle - React, Tailwind, and code Playground

HTML

<p>
  Имя <input id="nField" size="2" type="text">
  Фамилия <input id="fField" size="2" type="text">
  <input onclick="start_test()" type="button" value="Разгон">
  <input onclick="end_test()" type="button" value="Загон">
</p>

CSS

p {
    vertical-align: baseline;
}

p input[type=text] {
background-color: #FFF;
border: 1px #DDD solid;
border-radius: 8px;
color: #000;
font-family: 'Lucida Grande';
font-size: 28px;
height: 50px;
margin:0;
padding-bottom: 1px;
padding-left: 6px;
padding-right: 6px;
padding-top: 1px;
width: 67px;
}

p input[type=button] {
background-color: #C0C0C0;
border-bottom: 2px #C0C0C0 outset;
border-left: 2px #C0C0C0 outset;
border-right: 2px #C0C0C0 outset;
border-top: 2px #C0C0C0 outset;
border-radius: 8px;
box-sizing: border-box;
color: #000;
font-size: 11px;
height: 54px;
padding: 5.828125px;
text-align: center;
width: 52.1875px;
    vertical-align: bottom;
}