Inline-Block mit Wrap

[jemand anders]

Im Prinzip wie in deinem Beispiel, nur soll der dritte Block direkt hinter dem zweiten beginnen und umgebrochen werden. In meinem letzten Beispiel werden die Container mit dem Bildern zwar umgebrochen, aber c11, c12, c13 sind, da display:inline, nicht komplett gefüllt, und padding fehlt.

 

[Jan-Frederik Stieler]

https://codepen.io/janstieler-the-bashful/pen/NWobQwL?editors=1100
das wäre noch eine Möglichkeit, aber da fehlt dann die Möglichkeit einen Rahmen um die Gruppen zu ziehen.

 

[jemand anders]

Man sollte denken, dass das, was unterester Ebene geschieht, auch weiter oben möglich ist. Aber das ist offenbar ein nicht der Fall. Vielen Dank für deine Zeit.

 

[Jan-Frederik Stieler]

Nein, das ist es nicht, wegen dem Boxmodell. Du mischt Eigenschaften miteinander, die sich in die Quere kommen.
Block und Inlineelemente haben unterschiedliche Eigenschaften.
Eigentlich wäre hier ein Inlineblock hilfreich. Aber da zwei Inlineblockelemente hintereinander halt auch einen Umbruch erzeugen, funktioniert es halt auch nicht.
Was man nochmal versuchen kann ist dem Inlinelement per loneheight eine Höhe mitzugeben. Da Du ja eh eine Fixe Höhe hast wegen den Bildern.

 

[jemand anders]

Da Du ja eh eine Fixe Höhe hast wegen den Bildern.

Wenn der Umbruch nicht wäre…