Design a 2 column form without tables

Designing a two column form without tables.

You may want to have a form with two columns without using a table

First of all mark out the areas into two sections.

Log in

Password

Then set the display of the input and label elements to be block.

label {
margin-top: .33em;
display: block;
}
input {
display:block;
width:250px;
}

Create the second form column by setting the first div element register to float left

#register {
float:left;
}

Now apply padding on the left side of the second column in case the second column is shorter than the first column

#register {
float:left;
}
#contactinfo {
padding-left: 275px;
}