JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
  <form class="row">
      <div class="cell">
          <span>cell #1</span>
          <input type='text' placeholder='enter your name' />
      </div>
      <div class="cell">cell #2</div>
      <div class="cell">
          <span>cell #3</span>
          <input type='submit' value='submit' />
      </div>
  </form>
  <div class="row">
      <div class="cell">cell #1</div>
      <div class="cell">cell #2</div>
      <div class="cell">cell #3</div>
  </div>
</div>

CSS

.table { display: table; }
.row { display: table-row; padding: 5px; margin: 5px; }
.cell { 
    display: table-cell; 
    padding: 10px; 
    background: #EFEFEF; 
    border: thin solid #DDD;
}