JSFiddle - React, Tailwind, and code Playground

HTML

<div id="divRegistrazione">
<form method="post" action="Registrazione_action.php">
<table id="tableRegistrazione">
<tr><td class="label"><label form="tableRegistrazione" for="username">Username:</label></td><td class="input"><input type="text" name="username" required /></td></tr>
<tr><td class="label"><label form="tableRegistrazione" for="mail">Mail:</label></td><td class="input"><input type="email" name="mail" required /></td></tr>
<tr><td class="label"><label form="tableRegistrazione" for="password">Password:</label></td><td class="input"><input type="password" name="password" required /></td></tr>
<tr><td class="label"><label form="tableRegistrazione" for="confermaPassword">Conferma password:</label></td><td class="input"><input type="password" name="confermaPassword" required /></td></tr>
</table><br><script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=6Lc4C-ISAAAAAJW5DPV9TVS2q_m0PMjMBpS6wxYi"></script>

	<noscript>
  		<iframe src="http://www.google.com/recaptcha/api/noscript?k=6Lc4C-ISAAAAAJW5DPV9TVS2q_m0PMjMBpS6wxYi" height="300" width="500" frameborder="0"></iframe><br/>
  		<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
  		<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>
	</noscript><br>
<input type="submit" value="Registrati" />
</form>
</div>

CSS

body {
	font-family: Arial, sans-serif;
}
#container {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#header {
	background-color: #DBDBFF;
}
#tableHeader {
	width: 100%;
}

#header, #divBody {
	padding: 10px;
}

footer {
	text-align: center;
}

footer a {
	color: black;
	text-decoration: none;
}

table {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}

#tableLogin {
	text-align: left;
}

.label {
	color: gray;
	text-align: right;
}

.input {
	text-align: left;
}

.label .input {
	width: 50%;
}

#divRegistrazione {
	text-align: center;
}