Wo ich jetzt noch Probleme habe ist die vertikale Ausrichtung des Textes (auf die Bildmitte).
Ich war der Meinung, das ginge mit "vertical-align: middle;" - Fehlanzeige.
Dann hatte ich gehofft, es ginge mit "figcaption { margin-top: auto; padding-top:auto;}"
analog der horizontalen Zentrierung - Fehlanzeige.
1. Bei einzeiligen Erklärungen könntest du line-height:100% nehmen. Das sieht aber spätestens bei kleinen Bildschirmen bescheuert aus, wenn es doch einen Zeilenumbruch gibt.
2. margin-top: fest einstellen
Es geht wohl mit "figcaption { margin-top: 65px;}" oder "figcaption { margin-top: 15%;}".
aber das ist ja wieder nur eine Herumprobiererei und müsste dann mit jedem Bild und/oder
Text anderer Größe neu gemacht werden.
Ich versuche, dass die Bilder auf meiner Homepage immer gleich groß sind. Dann könnte man ein festes margin-top geben, was bei unterschiedlich langen Erklärungen aber auch blöd aussehen würde.
Matthias