JSFiddle - React, Tailwind, and code Playground

HTML

<div class="data-container">
    <div class="data-row">
        <div class="data-label">
            Label
        </div>
        <div class="data-input">
            <input type="textbox" />
        </div>
        
        <div class="data-label">
            Label
        </div>
        <div class="data-input">
            <input type="textbox" />
        </div>

        <div class="data-label">
            Label
        </div>
        <div class="data-input">
            <input type="textbox" />
        </div>
    </div>
    
    <div class="data-row">
        <div class="data-label">
            Label
        </div>
        <div class="data-input">
            <input type="textbox" />
        </div>
        
        <div class="data-label">
            Label
        </div>
        <div class="data-input">
            <input type="textbox" />
        </div>
    </div>
    
    <div class="data-row">
        <div class="data-label">
            Label
        </div>
        <div class="data-input">
            <input type="textbox" />
        </div>
    </div>
    
    
    <!-- many more label/input pairs here -->
    
    <!-- Submit --> <!-- Cancel -->
</div>

CSS

.data-row
{
  display: block;
  clear: both;
}

.data-label,
.data-input
{
  float: left;
    display:inline
}