JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" method="post" id="center_me">
    <ul id="center_me">
        <li id="regis_li"><span> Username: </span>

        </li>
        <li id="regis_li">
            <label><span><input type = 'text' name ='username' id ='username' value =''></span>

            </label>
        </li>
        <li id="regis_li">	<span> Message:</span>

        </li>
        <li id="regis_li">
            <label><span><textarea name='message' rows='7' cols = '30' placeholder= "Enter your message here..." align = right></textarea></span>

            </label>
        </li>
    </ul>
    <input id="sub_but" type='submit' name='submit'>
</form>

CSS

#regis_li {
    display:table-row-group;
}
span {
    display: table-cell;
}
label {
    display: table-row;
}
#center_me {
    display:table;
}
#sub_but {
    margin-left:120px;
}