как выровнять инпуты?

<div class=forme>
<form action=/addmsg/ method=post>



<tr><th><label for="id_title">Title:</label></th><td><input id="id_title" type="text" name="title" maxlength="30" /></td></tr><br /><tr><th><label for="id_name">Name:</label></th><td><input id="id_name" type="text" name="name" maxlength="20" /></td></tr><br /><tr><th><label for="id_email">Email:</label></th><td><input id="id_email" type="text" name="email" maxlength="30" /></td></tr><br /><tr><th><label for="id_msg">Msg:</label></th><td><textarea id="id_msg" rows="10" cols="40" name="msg"></textarea></td></tr>

<br/>
<br/>
<input type=submit value=отправить>
</div>

</form>

в стиле такое:


.forme
{clear: both; align: left;float:none}


label {float:left;align:left;vertical-align: inherit;}

label[for="id_title"]{float:left;}
label[for="id_string"]{float:left;}
label[for="id_name"]{float:inherit;}
label[for="id_email"]{float:inherit;}
label[for="id_msg"]{float:inherit;}


#id_title {color:red;float:left;vertical-align: baseline;}
#id_name {color:red;float:left;vertical-align: baseline;}
#id_email {color:red;float:left;}
#id_msg {color:red;float:none;}