JSFiddle - React, Tailwind, and code Playground

HTML

<div class="clearfix">

	<div class="ew_field">
		<label for="ew">Empty Weight:</label>
        <input type="text" name="ew" id="ew" value=""/>
    </div>
    
    <div class="gvw_field">     
		<label for="gvw" >Gross Vehicle Weight:*</label>
        <input type="text" name="gvw" id="gvw" value=""/>
    </div>
    
    <div class="ft_field">     
		<label for="ft">Feet:</label>
        <input type="text" name="ft" id="ft" value=""/>
    </div>
    
</div>

CSS

.ft_field
{
    float: right;
        width: 50%;

}

label {
    display: inline-block;
  width: 170px;
}

.gvw_field {
    float: right;
    width: 50%;
}