molily: Textumbruch erzwingen - Responsive design

Beitrag lesen

Hallo,

inline-block positioniert Inhalt immer in einer Zeilenbox. In einer Zeilenbox kann nicht gleichzeitig ein Bild liegen und daneben zwei Zeilen Text. Dann wären es ja zwei Zeilenboxen… ;)

Vielleicht lässt sich etwas mit inline-block basteln, was mir gerade nicht einfällt, aber ich behaupte einmal, inline-block ist hier nicht geeignet.

Flexbox wäre geeignet. Als Fallback können Tabellen zum Einsatz kommen verwenden. Erkennung von Flexbox ist nur mit JavaScript zuverlässig möglich – oder mit @supports. Beispiel:

http://jsfiddle.net/molily/WZJzN/

Grüße
Mathias