JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
        <form>
            <span><label>First Name:<input type="text" id="firstname" /></label></span><br/>
             <span><label>Last Name:<input type="text" id="lastname" /></label></span><br/>
                 <span><label>E-Mail:<input type="text" id="email" /></label></span><br/>
                 <span><label>Phone:<input type="text" id="phone" /></label></span><br/>
        </form>
        </div>

CSS

#main {
    width:300px;

}


#main input {
float:right;
display:inline;
}

#main label {
    color: #2D2D2D;
    font-size: 15px;
   

}

#main span{
        display: table-cell;
    vertical-align: middle;
     width:250px;
}