Comment mettre en retrait le texte d'une étiquette sur plusieurs lignes sur des formulaires de largeur limitée ?

Retirer le texte de l'étiquette sur plusieurs lignes pour les formulaires à largeur limitée

Dans un formulaire de largeur limitée, alors que le texte de l'étiquette plus long peut s'enrouler sur plusieurs lignes, seule la première ligne est souvent en retrait en raison de l'élément d'entrée associé. Cela peut entraîner une apparence désorganisée.

Pour résoudre ce problème et indenter toutes les lignes de manière cohérente, vous pouvez utiliser CSS :

.checkbox-field {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">display: flex;
flex-direction: row;

Copier après la connexion

}

<div class="checkbox-field"></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><input type="checkbox" id="check">
<label for="check">Field 2 Label, may be longer than normal, This is an example for this lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem</label>

Copier après la connexion