JSFiddle - React, Tailwind, and code Playground

HTML

<div id="conteudo">
    <table border='0' width='100%' cellspacing='20'>
        <tr>
            <td><input type='text' name='email' placeholder='Digite o email'></td>
        </tr>
        <tr>
            <td><input type='password' name='senha' placeholder='Digite a senha'></td>
        </tr>
         <tr>
            <td><input type='submit' name='entrar' value="Entrar"></td>
        </tr>
    </table>    
</div>

CSS

#conteudo{
                width:350px;
                height:180px;
                border:2px #ccc solid;
                position:absolute;
                top:50%;
                left:50%;
                margin-top:-90px;
                margin-left:-175px;
}
#conteudo table tr td input[type=text],
#conteudo table tr td input[type=password]
{
    width:100%;
}
#conteudo table tr td {
 text-align:right;   
}