JSFiddle - React, Tailwind, and code Playground
HTML
<table width="400" border="0" align="center" cellpadding="0">
<tr>
<td width="100" valign="top"><div align="left">Username:</div></td>
<td width="175" valign="top">(php echo response)username</td><td class='dark'></td>
</tr>
<tr>
<td valign="top"><div align="left">Password:</div></td>
<td valign="top">(php echo response)password</td><td class='dark'></td>
</tr>
<tr>
<tr>
<td valign="top"><div align="left">Email: </div></td>
<td valign="top">(php echo response)[email protected]</td><td class='dark'></td>
</tr>
</table>
CSS
.acc-form {
width: 350px;
height: 100%;
margin: 0 auto;
position: relative;
z-index:5;
background: #f3f3f3;
border: 1px solid #fff;
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
table{border-collapse:collapse;border:solid;}
table td{border:solid;}
.dark{background-color:#000000;width:100px;}