berdn: Checkboxen

Beitrag lesen

Hallo Forum,

ich möchte eine Art Tabellengestaltung für ein Formular bekommen das ca. 40 Checkboxen hat.
a.) in eine Reihe sind immer 4 Checkboxen
b.) die Checkboxen stehen immer übereinander

Es ist eher ein Printlayout, so das für jede Checkbox incl. Beschreibung ca. 300 Pixel Breite vorhanden sind.

Also so:

|| Text        || Text123     || Text        || Text
|| Text123     || Text        || Text        || Text
|| Text        || Text        || 123Text     || Text

Nun habe ich jedes input in einen labe Tag gepackt:
<label><input type="checkbox" name="zutat" value="pilze">Text: Pilze</label>

Dem Label via CSS folgende Eigenschaft gegeben:
  label{
  width:300px;
  display: block;
  float:left;
  }

Funktioniert fast gut ;-)

Aber wenn der Text statt "Text: Pilze" "Text: Pilze, und hier kommt ein verdammt langer Text" lautet, wird es knifflig ...

Eine Teillösung ist 4 checkboxen in einen <p> zu packen

Aber wie verhindere das bei mehr Text eine Checkbox statt:
|| hier steht viel Text
und hier kommt meht Text

soo aussieht:
|| hier steht viel Text
   und hier kommt meht Text

Also sich wie eine Liste verhält, wo der "dot" rausgerückt ist, und der Text linsbündig in Abstand daneben steht.

Also das sich die Checkbox wie ein Dot in der Liste verhält?

Nach dem was ich bis jetzt gefunden habe geht es nicht.

Hat jemand eine Idee?
Das Layout soll eigehalten werden, und mir fällt nur eine Tabellenlösung ein.

Liebe Grüße,

Bernd