JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<div id="content">

  <head>
    <h1>
      header
    </h1>
  </head>
  <form id="task1">
 <div id="row1" class="rowDiv">
  <div id="i1div" class="inputDiv">
    <lable for="i1">i1</lable>
    <input id="i1">
  </div>
  <div id="i2div" class="inputDiv">
    <lable for="i2">i2</lable>
    <input id="i2">
  </div>
 </div>
 <div id="row2" class="rowDiv">
  <div id="i3div" class="inputDiv">
    <lable for="i3">i3</lable>
    <input id="i3">
  </div>
  <div id="i4div" class="inputDiv">
    <lable for="i4">i4</lable>
    <input id="i4">
  </div>
 </div>
</form>
</div>

CSS

.rowDiv{
        display: inline-block;
      }
    .inputDiv{
      display: block;
    }