Notice: wp_add_privacy_policy_content est appelée de la mauvaise manière. The suggested privacy policy content should be added only in wp-admin by using the admin_init (or later) action. Veuillez lire Débogage dans WordPress (en) pour plus d’informations. (Ce message a été ajouté à la version 4.9.7.) in /home/xavierbs/www/_blog/wp-includes/functions.php on line 4161
Ajuster un input avec un label inline pour s’adapter en largeur - Murviel Info

Ajuster un input avec un label inline pour s’adapter en largeur

Inputs responsives et adaptables en largeur
Label inline et Input responsive et adaptable en largeur

Démo : Input qui s’adapte à toute la largeur du bloc avec un label inline.

Les labels sont des blocs inline, les inputs s’adaptent en largeur dans le bloc parent.

CSS :

HTML :

Pour rendre la zone responsive, on ajoute au CSS :

La valeur max-width est à ajuster en fonction de la longueur des labels.

Et hop, de jolies zones de saisie alignées en largeur.

 

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *