Implement form form layout with CSS _css/html

Source: http://blog.donews.com/dodo/archive/2005/06/18/434979.aspx

In the table layout design form, is generally used 2 TD to layout, if not table, with CSS How to do it? Look at the following code

<style type= "Text/css" >

label{
Float:left;
width:80px;
}
form{margin:0px}
input{
width:180px;
BORDER:1PX Solid #808080
}

textarea{
width:250px;
height:150px;
}

#sbutton {
margin-left:80px;
margin-top:5px;
width:80px;
}

br{
Clear:left;
}

</style>

<form action= "" method= "POST" >

<label for= "User" > Name:</label>
<input type= "text" Id=user name= "user" value= ""/><br/>

<label for= "Email" > Email:</label>
<input type= "text" id=email name= "email" value= "/><br/>

<label for= "comment" > Notes:</label>
<textarea id=comment name= "comment" >
</textarea>
<br/>

<input type= "Submit" id= "Sbutton" value= "OK"/><br/>

</form>