Gunther: Zeilenumbruch verhindern - white-space: nowrap

Beitrag lesen

Hi!

wie kann ich erreichen, dass ein Text und ein Bild nicht (in unterschiedliche Zeilen) getrennt werden, ...?
Beispiel:
<img   > Deutsche Version - Englische Version <img   >
Die Zeile darf getrennt werden vor oder nach dem - aber nicht zwischen <img> und Text bzw. Text und <img>.

Für's Archiv:
Mich wundert, dass die eigentlich dafür gedachte CSS-Eigenschaft 'white-space' hier bisher nicht genannt wurde.

Eine "einfache" Variante besteht also darin, die Elemente, die nicht umgebrochen werden sollen, in einem Container-Element zusammenzufassen (im konkreten Beispiel reicht ein SPAN Element - bei Blocklevel-Elementen ein DIV Element), und dessen CSS-Eigenschaft auf 'white-space:nowrap' zu setzen.

Siehe auch: http://css-tricks.com/almanac/properties/w/whitespace/

Gruß Gunther