Ich habe eine Reihe von checkboxen, die in einer Zeile nebeneinander stehen.
<input type="checkbox" name="F" id="F" checked="checked"/>
<label for="F">
Top Wesselton(F) <span>Feines Weiß +</span>
</label>
<input type="checkbox" name="I" id="I"/>
<label for="I">
Top Crystal(I) <span>Leicht Getöntes Weiß</span>
</label>
...
Ist das Brauserfenster zu klein wird diese Zeile aus checkboxen umgebrochen.
Durch
label {
position:relative;
white-space:nowrap;
}
bleiben die Beschriftungen dabei immer "am Stück".
Mir will es aber nicht gelingen , daß das checkbox Kästchen und die Beschriftung zusammenbleiben, d.h. es wird auch zwischen Kästchen und Beschriftung umgebrochen.
Wie kann ich das verhindern?
Gruß
NaN