Lining things up while using columns

Posted by Charles on Pro Webmasters See other posts from Pro Webmasters or by Charles
Published on 2011-06-22T18:38:18Z Indexed on 2011/06/23 0:33 UTC
Read the original article Hit count: 215

Filed under:
|
|

I have a request that may not be possible.

I'd like to line up the elements of a form so that the inputs all start at the same place:

Name:                            [                           ]
Company:                         [                           ]
Some question with a long name: [                           ]

But my list is (somewhat) long and I would like to show them in multiple columns on screens that are wide enough.

Ideally, I'd find a POSH method (table-free is semantically appropriate, I think) that works on a reasonable number of browsers.

My current page uses a table. I tried CSS with

columns: auto; -moz-column-count: auto; -moz-column-width: auto; -webkit-column-count: auto; -webkit-column-width: auto;

but Firefox (at least) won't break a table across columns.

© Pro Webmasters or respective owner

Related posts about html

Related posts about semantic-web