Hallo Cheatah,
Tipp: Das ist ein klassischer Fall für <ul>.
Daran hatte ich auch schon gedacht, ich halte es hier auch für angebracht - ich hab's aber noch nicht umgesetzt.
Was mich jetzt irritiert: Obwohl ich die Links zu Block-Elementen erklärt habe, wird vertical-align offensichtlich nicht interpretiert.
Nicht obwohl, sondern weil. Die vertical-align-Eigenschaft ist nur bei inline- und table-cell-Elementen anwendbar.
Okay, das gleiche sagt Detlef G. auch. Ich hatte -ohne weiter nachzudenken- stillschweigend vorausgesetzt, dass vertical-align auch für Blockelemente gilt, weil es eigentlich Sinn ergibt.
Nutze statt dessen padding, line-height oder Ähnliches.
Ähm, aber wie? Ich möchte eine einheitliche Höhe der Kästchen unabhängig davon, ob sich der Text darin auf eine oder zwei Zeilen verteilt, und ich möchte außerdem, dass der Text mittig zentriert ist.
Hmm, mittig zentriert? Quatsch, ich meinte natürlich: Vertikal zentriert. ;)
Was fange ich da mit padding oder line-height an?
Gute Nacht,
Martin