Umbruch verhindern

[Rolf B]

Hallo JürgenB,

label ohne for kollidiert mit fehlerhaften Screenreadern, die es leider gibt.

Gunnar, eine Flexbox in einer Flexbox nur für den Gap? Warum dann nicht einfach margin-right:1em auf dem label?

Oder besser noch das, was Du ohnehin vorschlugst: display:block auf's Label und grundsätzlich das Label über das input-Element. Die p's können dann mit Flexbox nebeneinander.

Wenn nämlich die Beschriftung vor dem input steht, sieht es nach Umbruch - find ich - total scheußlich aus, weil die inputs nicht übereinander sind.

Ich hatte noch kurz an ein Grid im Container mit Containerquery gedacht, das bei den richtigen Breiten von 4 auf 2 auf 1 Spalte schaltet. Nachteilig ist dann nur, dass man den Umbruchpunkt für die Texte passend ausmessen muss 🙄. Also eher meh…

Rolf