User:Jmcgnh/Badges

Additional section
What I can't figure out from reading the source code of the templates is how the badges get arranged into a tabular form. The other side effect is that whatever hidden code is doing it requires a clear before starting a new section.

Here's what I think is happening. Templates for the badges specify a style parameter of float:left and a width of 33%. These parameters have the effect of causing the browser to render the badges as 3 columns. Note that 3 times 33% is only 99%, so there is still space for a 1%-width column for the next unsuspecting div that comes along without specifying a width parameter. That's the reason one needs to do a clear after the badges.