JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <H4> h1 </H4>
  <p>
    <label>id</label>
    <label>name</label>
    <label>input1</label>
    <label>input2</label>
    <label>input3</label>
    <label>input4</label>
  </p>
  <p>
    <label>123213</label>
    <label>test1</label>
    <textarea title="1" style="border:1px solid black;"></textarea>
    <textarea title="2" style="border:1px solid black;"></textarea>
    <textarea title="3" style="border:1px solid black;"></textarea>
    <textarea title="4" style="border:1px solid black;"></textarea>
  </p>
  <p>
    <label>456</label>
    <label>test2</label>
    <textarea title="5" style="border:1px solid black;"></textarea>
    <textarea title="6" style="border:1px solid black;"></textarea>
    <textarea title="7" style="border:1px solid black;"></textarea>
    <textarea title="8" style="border:1px solid black;"></textarea>
  </p>
</div>

CSS

div     { display: table;      }
p       { display: table-row;  }
label   { display: table-cell; text-align: center;}
textarea{ display: table-cell; margin-left: 10px}