JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div class="input">
    <span class="text col1" >Legal name of business</span>
    <span class="text col2">Phone #</span>
</div>

<div class="input">
    <span class="text col1">Trade name/style</span>
    <span class="text col2">Fax #</span>
</div>

<div class="input">
    <span class="text col1">Address</span>
    <span class="text col2">City</span>
</div>

<div class="input">
    <span class="text col1">Province/State</span>
    <span class="text col2">Postal/Zip Code</span>
</div>

CSS

.input { border-bottom: 1px solid black; position:relative;height:25px;  }
.text { line-height:10px;background-color:white; padding:3px; position:absolute; bottom: -1px; }
.col2 { left: 350px; }