html - Fluid column arrangement -

html - Fluid column arrangement -

i'm trying show checkboxes in table style, need number of columns decided based on screen's width. if allow them rearrange on own, end this:

+-----------------------------------------------------+ | | | [] label1 [] label2 [] label3 [] label 4 | | [] label5 [] label6 [] label7 | | [] label8 []label9 [] label10 []label11 | | | +-----------------------------------------------------+

and need this:

+-----------------------------------------------------+ | | | [] label1 [] label2 [] label3 [] label4 | | [] label5 [] label6 [] label7 [] label8 | | []label9 [] label10 []label11 | | | +-----------------------------------------------------+

is possible accomplish this?

i don't care if columns same width or not, need total thing fill 100% of container.

#container { width:100%; height:auto; min-height:300px; padding:10px; } #container div { width:70px; float:left; display:inline-block; }

and here fiddle

html css