Image shamelessly stolen without permission from http://modular.fas.harvard.edu/photos/unfiled/fractal-ahta.jpg
View as plaintext the markup, style, or script.
Originally, each of those <span>s was a <div> with a class attribute, but then I found out that there's no getElementsByClassName() outside of WhatWG, and that it would be too much work to figure out another way to select only those elements. And, owing to the general fuzziness of the semantics of this in the first place, <span> is just as valid as <div> but made my life a lot easier.
For some reason, if I insert any (non-whitespace?) text into a span, that row grows (by 16px?). Seeing as the spans have an explicit height of 32px, I don't see why that is...