Umbruch checkbox<->label

[NaN]

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

[Devius]

Hallo NaN,

Ist das Brauserfenster zu klein wird diese Zeile aus checkboxen umgebrochen.
Wie kann ich das verhindern?

Ganz einfach, indem du das <input> mit in das <label> schreibst. So in etwa:

  
 <label for="F">  
  <input type="checkbox" name="F" id="F" checked="checked"/>  
  Top Wesselton(F) <span>Feines Weiß +</span>  
 </label>  

Auf Wiederlesen
    Devius