css - align textbox and text/labels in html?

Question

I cant figure it out. How do i align the textbox? I thought using float: left on the labels on the left (then doing it on the input when i notice the input was now on the left without that) but that was completely wrong.

How do i get the textbox align along with the labels on the left of them next to the textbox instead of the far left?

The picture is an example of what i'd like it to look like.

Answer 1

You have two boxes, left and right, for each label/input pair. Both boxes are in one row and have fixed width. Now, you just have to make label text float to the right with text-align: right;

Here's a simple example:

http://jsfiddle.net/qP46X/