JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<table>

<tr>

<td align="right">Login</td>

<td align="left"><input type="text"></td>

</tr>

<tr>

<td align="right">Password</td>

<td align="left"><input type="text"></td>

</tr>

<tr>

<td align="right"></td>

<td align="right"><button style="display: inline-block">Login</button></td>

</tr>

</table>
</div>

CSS

html,body{
  margin: 0;
  height: 100%;
}
div{
  position: absolute;
  width: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}