Zeilenumbruch verhindern - white-space: nowrap

[Paul]

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/

Der Vollständigkeit halber:

<span class="no_wrap"><a href="?lang=de" class="de_link" title="deutsch">DE</a> | <a href="?lang=en" class="en_link" title="english">EN</a></span>

.nowrap {
    white-space:nowrap;
}
.de_link {
    padding-left: 25px;
    background: url("flag_de.jpg") center left no-repeat;
}
.en_link {
    padding-right: 25px;
    background: url("flag_en.jpg") center right no-repeat;
}

Der Image-Tag ist in dem Fall überflüssig.

Die Einwände gegen die Iso-Kürzel (in Sprachschrift) bzw. die Schreibweise der Sprache in der jeweiligen Sprache, kann ich nicht nachvollziehen.