Tableless forms-CSS


<form>
<label for="name" >Name</label>
<input id= "name" name= "name" ><br>
<label for= "address" >Address</label>
<input id= "address" name= "address" ><br>
<label for= "city" >City</label>
<input id= "city" name= "city" ><br>
</form>



label,input {
display : block ;
width : 150px ;
float : left ;
margin-bottom : 10px ;
}


label {
text-align : right ;
width : 75px ;
padding-right : 20px ;
}


br {
clear : left ;
}

0 comments: