I'm designing a form with a typical 970px wide page. I've been trying to read as much as possible for label alignments. What is the best way to solve an abundance of white space to the right of the form?
For example, top labels look like:
Whereas the right-aligned labelled form looks like:
The advantage of the top labels is that it's very easy/quick to process, however there is a very large amount of white space to the right of the form and makes the form taller. Considering the web application is very form driven, what can I do to "reduce" this white space? Does it even matter?
I like the right-aligned labels to "fix" this problem, however the header "Create User" looks very out of place. If choosing right-aligned labels, how is this quirk solved?