JSFiddle - React, Tailwind, and code Playground

by rjurd

HTML

<ol class="information">
  <li>
    <ul>
      <li>
        <label>Name:</label>
        <input name="Name1" type="text" />
      </li>
      <li>
        <label>Phone:</label>
        <input name="Phone1" type="text" />
      </li>
      <li>
        <label>Email:</label>
        <input name="Email1" type="text" />
      </li>
    </ul>
  </li>
  <li>
    <ul>
      <li>
        <label>Name:</label>
        <input name="Name2" type="text" />
      </li>
      <li>
        <label>Contact Number:</label>
        <input name="Phone2" type="text" />
      </li>
      <li>
        <label>Email:</label>
        <input name="Email2" type="text" />
      </li>
    </ul>
  </li>
</ol>

CSS

ol.information ul
{
  list-style-type:none;
  margin:0;
  padding:0;
}

ol.information ul label
  {
    display:inline-block;
    width:125px;
  }