After reading Chris’ article on form label alignment I’m reconsidering a design change on a project element I’m working on.
We are re-designing a report for one of our customers. This report is an application that get submitted… not unlike a mortgage application… long with a ton of data.
I’ve been playing with layout to coming up with a format that is clean and easy to read. I’d be interested in seeing what others have done when trying to lay out and organize a lot of information/data.
You could wrap each label and related text field in a div, that way they all line up like a list. then give the labels a set width, and that lines up all the text fields. Give some padding and margin here and there and things’ll be lined up quite nice ready for some unique styling.