Tableless form using HTML with CSS

2006 Dec 8

Making a tableless form is fairly very easy. Like the one shown below:



HTML code:












Add this to your CSS:

#testform label,input ,textarea{
display: block;
width: 150px;
float: left;
margin-bottom: 5px;
}
#testform label {
text-align: right;
width: 75px;
padding-right: 20px;
}
#testform br {
clear: left;
}

Tweet this post

Leave a comment


Recent Entries

Close