JSFiddle - React, Tailwind, and code Playground

HTML

<form>
  <div class='tr'>
        <div class='td'>поле ввода</div>
        <div class='td'>поле ввода</div>
        <div class='td'>поле ввода</div>
   </div>
</form>

CSS

div.table{
  display: table;
  width: 100%;
  border-collapse: collapse;
}
div.tr{
  display: table-row;
}
div.td{
  display: table-cell;
  text-align: center;
  border: none;
  border: 1px solid #ccc;
  vertical-align: middle;
  }