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: 238
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