JSFiddle - React, Tailwind, and code Playground

HTML

<div id="login">
    <form id="login" action="login.php" method="post">
    <table>
        <tr><td>Login</td></tr>
        <tr><td>Username: <input type="text"></td></tr>
        <tr><td>Password: <input type="password"></td></tr>
        <tr><td><input type="submit"></td></tr>



    </table>
    </form>
</div>

CSS

CSS:

#header{
    text-align: center;
}

#login{
    font-family: "Arial", "serif";
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    text-align: center;
    border: solid 1px;

}

#table,th,td{
    border: solid 1px;
}