JSFiddle - React, Tailwind, and code Playground

by Alireza Safian

HTML

<div class="managed-form">
<table>
      <tr>
        <td>
          <label title="Company">
            Company
          </label>
          <input size="30" type="text">
        </td>
        <td>
          <label title="Title">
            Title
          </label>
          <input class="" name="Title" size="30" type="text" value="">
        </td>
      </tr>
<table>
    </div>

CSS

table, tr, tbody{
    width: 100%;
    display: block;
    text-align: center;
}

td
{
    display: inline-block;
}

label, input
{
    display: inline-block;
    vertical-align: middle;
}

label
{
    20%;
}

input
{
    width: 70%;
}

.managed-form{
  background-color: #5B8F22;
  width: 311px;
  height: 369px;
}