I'm trying to create an online quiz. The question is a single word and then has 9 fields to be filled up.
How to make columns with equal width? Can or should it be done with span/div or should I use a table?

I wasn't sure if you wanted to have two rows with 5 columns each, or whatever, but the example above is applicable if you wanted all 10 columns vertically aligned with one another. I'm not quite sure how it would look, it could look a bit slim and feel a bit crammed, but you'll only gain from playing around with it until you're comfortable with how it looks.

If you feel that you can make for a good argument that this is tabular information/data, then in this case, tables would be sufficient. However, there isn't much to say without knowing the scope of the project in it's entirety.

Thanks! I started to think that it wasn't doable with divs. I found some generators, but they would require me to set a separate class for each column and thats far from maintanable. I'm not proficient in CSS, so could you please tell me what does it mean to clear the floats or when should I do it? — Stefan about 8 years ago

Oh, think I've got it! If I want to add another question, I need to add the clear property to the question class. — Stefan about 8 years ago

No problem. In your style-sheet, just write clear:both;
You shouldn't have to create a different class for each column; if you needed to select different columns, using selectors in jQuery should be sufficient enough (and probably more desirable).
To clear the floats of the "answer" columns, immediately following the divs, write something to the effect of <br style="clear:both" /> or <div style="clear:both"></div> — Vinny Burgh about 8 years ago