JSFiddle - React, Tailwind, and code Playground

by Jhunlio Crodua

HTML

<div id="main">
        <form>
            <label><span>First Name:</span><input type="text" id="firstname"></label><br/>
                <label><span>Last Name:</span><input type="text" id="lastname"></label><br>
            <label><span>E-Mail:</span><input type="text" id="email"></label><br/>
            <label><span>Phone:</span><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;   
}
#main label span {
    position:relative;
    top:2px;
}