Trenne niemals st...

[Matthias Scharwies]

Servus!

Hallo Matthias,

Das es anders geht, kannst du hier sehen:

da bist Du aber ziemlich im Irrtum. Mach dein Browserfenster mal schmal genug:

Ich hab nur große Handys - duckundwech!

Ne, im Ernst, dass ein Formular weniger als 5em breit sein sollte, wär ich nie drauf gekommen - aber solche use cases gibt's wohl.

Das Innere eines Labels ist Fließtext. Wenn man erzwingen will, dass Text und Checkbox auf einer Zeile bleiben, kann man per CSS white-space:pre setzen. Dann rutscht der Text aber ggf. aus der Label-Box hinaus und hängt irgendwo rum, wo man ihn nicht haben will, oder wird abgeschnitten.

Alternativ macht man aus dem Label eine Flexbox, packt den Labeltext in ein Span und ordnet so Text und Checkbox zwingend nebeneinander. Der Text bricht dann innerhalb des span um und die Checkbox bleibt daneben stehen.

Beispiel für Flexbox: https://jsfiddle.net/wcsh7z8b/

Coole Lösung - vielen Dank - again what learned

Herzliche Grüße

Matthias Scharwies