Lining things up while using columns
- by Charles
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.
