JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" method="post">
    <ul id="regis_ul">
        <li id="regis_li">
            <label><span> Username: </span>
 <span><input type = 'text' name ='username' id ='username' value = ></span>

            </label>
        </li>
        <li id="regis_li">
            <label> <span> Password: </span>
	<span><input type = 'password' name ='password' id ='password' value ='' ></span>

            </label>
        </li>
        <li id="regis_li">
            <label> <span> Retype Password: </span>
	<span><input type = 'password' name ='repassword' id ='repassword' value ='' ></span>

            </label>
        </li>
        <li id="regis_li">
            <label> <span> Email Address: </span>
	<span><input type = 'text' name ='email' id ='email' value ='' ></span>

            </label>
        </li>
    </ul>
    <input type='submit' name='submit' value='Register'>
</form>
</div>

CSS

#regis_ul {
    display:table;
}
#regis_li {
    display:table-row-group;
}
#sub_but {
    margin-left: 0 auto;
}
#center_me {
    text-align: center;
    margin: 0 auto;
    display:table;
}
span {
    display: table-cell;
}
label {
    display: table-row;
}