Hey Codekickers





###

Kann gelöscht werden. Es gab ein clear:both an einer ganz anderen Stelle... hatte übersehen, das dies auch auf das Formular einfluss nahm. Sorry!

##

<span>
<input id="opt_776_5" class="checkbox" type="checkbox" value="selbständige/r Unternehmer/in" name="aktuelleBeschaeftigung[]">
<label id="lbl_776_5" for="opt_776_5">selbständige/r Unternehmer/in</label>
</span>

CSS:

span{
    width:200px;
   }
   input{
    margin:0px;
    clear:left;
    float:left;
   }
   .checkbox{
       }
   label{
    margin:0px;
    width:130px;
    float:left;
   }

Problem:
Aktuell ist das label UNTER der Checkbox. Soll natürlich daneben.

Ich bekomm aber nur die Lösungen hin:
- wie aktuell
- Label daneben, aber die zweite Zeile ist genau unter der Checkbox, statt bündig zum Text
- Label ist daneben, aber nicht oben, sondern daneben aber unter der Checkbox

Jemand einen Tipp?

Änder doch mal das Attribut "width" des Labels?!

Eventuell liegt es daran, daß die Elemente irgendwie automatisch umbrechen.
Versuch mal input und label als inline-table zu deklarieren.

inline-table
Darstellung als Tabelle (In HTML <table>), die keine Absatz erzeugt.

input, label{
    display: inline-table;
}

Keine Garantie, is nur ne Idee.