Here is the design for the shot i have posted :
<div id=site_content>
<div id = left_content>
<table>
<tr>
<td> <h1> First Name </h1> </td>
<td> <input type="text" name="FirstName" /> </td>
</tr>
<tr>
<td> <h1> Last Name </h1> </td>
<td> <input type="text" name="LastName"/> </td>
</tr>
<tr>
<td> <h1> Email </h1></td>
<td> <input type="email" name="Email"/> </td>
</tr>
<tr>
<td> <h1> Password </h1> </td>
<td> <input type="password" name="Password"/> </td>
</tr>
<tr>
<td> <h1> Retype Password </h1> </td>
<td> <input type="password" name="RetypedPassword"/> </td>
</tr>
<tr>
<td colspan="2"> <center> <input type="submit" value="submit" /> </center> </td>
</tr>
</table>
</div></div>

Though i tried to align them,but couldn’t do enough. If you notice the Retype Password field it is not properly aligned. And others if we notice carefully they are also not. How can i align them ,i a regular fashion.
CSS :
h1, h2, h3, h4, h5, h6 {
font: normal 200% 'Yanone Kaffeesatz', arial, sans-serif;
margin: 0 0 15px 0;
padding: 0 0 5px 0;}
#site_content {
width: 950px;
overflow: hidden;
margin: 4px auto 0 auto;
padding: 0;}
#left_content {
float: left;
text-align: justify;
width: 444px;
padding: 20px 0 5px 25px;
margin: 0;}
See the fiddle for output/code and demo
Fiddle: http://jsfiddle.net/uDL8K/
Demo: http://jsfiddle.net/uDL8K/embedded/result/