treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Comparing form label alignment to report label alignment

  • 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.

    Cheers.
  • 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.