Wie Links in einer Grid-Liste alle auf gleiche Höhe und vertikal zentriert bekommen?

[Gunnar Bittersmann]

@@Rolf B

das Wiki-Beispiel zeigt jetzt beides.

Na gut, fürs li-Element muss man dann nichts weiter tun. Fürs a-Element muss man display trotzdem setzen, und sei’s auf block. Außerdem height: 100%.

Hatte ich auch probiert – und schon ragte die a-Box aus der li-Box heraus. Tja, man darf halt nicht vergessen, als allererstes * { box-sizing: border-box } zu setzen.

Sieht dann so aus: Link list 2

Ergänzung: Die vorige Variante hatte den Charme, dass man es ohne text-align: center hinbekommt, dass einzeilige Beschriftung mittig sitzt, während mehrzeilige Beschriftung nicht links und rechts Flatterrand hat.

Kwakoni Yiquan