Question

I’m having trouble lining up the elements in my div containing the text input boxes.

This is what it’s supposed to look like:

and this is the hot mess it is right now:
http://jsfiddle.net/bqMCP/2/

I tried

clear: none;
float: left;

in my classes, but it doesn’t seem to be working out.

Answer 1

Try to add div tag for each text input box and than you can decide to float: left;
or float: right; accordingly