JSFiddle - React, Tailwind, and code Playground

HTML

<form method="post" action="check.php" enctype="multipart/form-data" align="right">
    <div id=info-username>
        <input type="text" class="input-bigger" id="username" placeholder="First name" name="username">
    </div>
    <div id=info-lastname>
        <input type="text" id="lastname" placeholder="Last name" name="lastname">
    </div>
    <div id=info-nickname>
        <input type="text" id="nickname" placeholder="Nickname" name="nickname">
    </div>
    <div id=info-email>
        <input type="text" id="email" placeholder="E-mail" name="email">
    </div>
    <div id=info-password>
        <input type="password" id="password" placeholder="Password" name="password">
    </div>
    <div id=info-confirm>
        <input type="password" id="confirm" placeholder="Confirm password" name="confirm">
    </div>
    <div id=info-button>
        <input type="submit" value="Sign up" name="registration" >
    </div>
</form>

CSS

#info-username {
/*position:absolute;*/
    left:750px;
    top:150px;
    width:250px;
    height:50px;
    line-height:19px;
    z-index:5;
    
    background: red;
}

.input-bigger {
    padding: 5px;
    font-size: 1.2em;
}