Treehouse: Grow your CSS skills. Land your dream job.

Comparing form label alignment to report label alignment

  • # August 8, 2008 at 12:55 am

    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.


    # August 10, 2010 at 2:49 pm

    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.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.