<form name="form2" method="post" action="">
<table width="100%">
<tr>
<td width="29%">&nbsp;</td>
<td width="39%" align="center" class="topic">Registration Form </td>
<td width="32%">&nbsp;</td>
</tr>
<tr>
<td align="center"><strong>Surname:</strong></td>
<td align="center"><strong>First Name:</strong></td>
<td align="center"><strong>Last name:</strong></td>
</tr>
<tr>
<td align="center"><label for="surname"></label>
<input name="surname" type="text" class="styletxtfield" id="surname"></td>
<td align="center"><input name="fname" type="text" class="styletxtfield" id="fname"></td>
<td align="center"><input name="lname" type="text" class="styletxtfield" id="lname"></td>
</tr>
<tr>
<td align="center"><strong>Email:</strong></td>
<td align="center"><strong>Phone Number:</strong></td>
<td align="center"><strong>Username:</strong></td>
</tr>
<tr>
<td align="center"><input name="email" type="text" class="styletxtfield" id="email"></td>
<td align="center"><input name="tel" type="text" class="styletxtfield" id="tel"></td>
<td align="center"><input name="username" type="text" class="styletxtfield" id="username"></td>
</tr>
<tr>
<td align="center"><strong>Password</strong></td>
<td align="center"><strong>Re-Password</strong></td>
<td align="center">&nbsp;</td>
</tr>
<tr>
<td align="center"><input name="pass" type="password" class="styletxtfield" id="pass"></td>
<td align="center"><input name="pass1" type="password" class="styletxtfield" id="pass1"></td>
<td align="center"><input name="button2" type="submit" class="ejiro" id="button2" value="Register"></td>
</tr>
</table>
</form>
 .ejiro {
display: inline-block;
border-radius: 50px;
background-color:#039;
border: none;
color:#FFF;
text-align: center;
font-size: 28px;
padding: 20px;
width: 250px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}

.ejiro:hover {
background-color:#666;
}

.styletxtfield {
border-radius: 7px;
height: 30px;
text-align:center;
width:155px;
background-color:#FFC;
font-size:20px;
border-color:#000;
}

.styletxtfield:focus {
border-color:#F00;
}
.topic{
  background:green;
  font-size:26px;
  color:white;
  
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.