JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#main {
    width:300px;

}


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

#main label {
    color: #2D2D2D;
    font-size: 15px;
    width:250px;
    display: block;
}