Checkbox multi column alignment

I have a check box with let's say 20 elements. I would like to have it
align as 4 columns, 5 rows. Without using a table and using
understandable CSS is there any way to make the check boxes align as I
would like?

I've been playing with the following selector in my attempts to get at
the text portion: input[type="checkbox"] + * {width:100px;}
So far my attempts have produced weirdness in FF and nothing occurs in IE7.

Thank you

On Thu, 29 Mar 2007 19:48:51 +0200, totalstranger
<totalstranger@not.yahoo.net> wrote:

> I have a check box with let's say 20 elements. I would like to have it
> align as 4 columns, 5 rows. Without using a table and using
> understandable CSS is there any way to make the check boxes align as I
> would like?
>
> I've been playing with the following selector in my attempts to get at
> the text portion: input[type="checkbox"] + * {width:100px;}
> So far my attempts have produced weirdness in FF and nothing occurs in
> IE7.
>
> Thank you
>
>

I don't think I understand what you mean, but I try:

Do you want to align the objects through css?

In that case, here's my suggestion:

- Create a class that floats left, with f. i. 25% width, less if you use
margins and/or paddings.
- Assign that class to 4 div's.
- Put 5 checkbox elements inside each float-left-div.
- My somewhat clumsy solution to the labelproblem, is to use paddding to
align text, and get things nicely under each other the css-no-hack-way.


--
There are 10 kinds of people:
Those who know binary, and the others ...