Hej Rolf,
- dl/dt/dd, wie MrMurphy meint? Ist das eine Liste von Definitionen?
dl
heißt seit html5 Description List - eine Definitionsliste wird es nur mit zusätzlichem dfn
Passt also für fast alle Pärchen, in denen ein Term beschrieben wird.
Aber dafür gibt's hier kompetentere Kollegen. Die DIV-Lösung oben sieht im Browser jedenfalls so aus wie Du es gern hättest. Passendere Elemente werden sich sicher noch finden.
Lass einfach die div
in Deinen Selektoren weg, dann funktioniert es mit den richtigen Elementen auch.
Dem Fragesteller sei nuqjatlh (What does it mean?) empfohlen...
Oder gleich die html5-specs...
Und ja, flex-box ist der Weg zum Erfolg. warum? Guckst du Zoe Mickley Gillenwaters "Enhancing Responsiveness With Flexbox"
Oder wenn es nur eine kurze Erklärung von Flexbox statt eines Filmchens mit Beispielen sein soll: Complete guide to flexbox
Marc
PS: Und ja, es ist schon verwunderlich, wenn man Hilfe zu CSS möchte und ausgerechnet das CSS dem Forum vorenthält... ;-)