Je suis confus. J'ai reçu ce formulaire, Jsfiddle:
https://jsfiddle.net/rx90f38u/1/ P>
Il a le style là-bas et je ne peux pas savoir pourquoi "mémoriser" moi montre sous la case. p>
La case à cocher et l'étiquette doit être sur la même ligne et centrée. p>
CSS: p> html: p> si j'ajoute ce CSS puis je reçois Souviens-toi de moi fort> Centre: p> .bbp-login-form .bbp-remember-me label {
text-align: center;
width: 50%;
}
3 Réponses :
Essayez ce CSS
.bbp-login-form label {
margin: 10px 0;
display: inline-block !important;
}
.bbp-remember-me{
text-align: center;
}
Vous pouvez utiliser Flexbox pour faire le travail.
.bbp-remember-me{
display:flex;
justify-content:center;
align-items:center;
}
Essayez ceci
J'ai accepté cette réponse car la clé définit le label largeur: auto; . Comme prévu dans les commentaires à ma question avec un jsfiddle.
Juste en utilisant Flex. quelque chose comme ceci:
.bbp-souviens-vous-me {affichage: flex;}Vos étiquettes ont
largeur: 100% . Comment pouvez-vous convenir les deux éléments sur une seule ligne lorsque l'on prend toute la largeur?@Turnip ne semble pas le changer.
Vous utilisez
! Important icilargeur: 100%! Important donclargeur: 50%; sera ignoré. Cela fonctionne bien: jsfiddle.net/6v2u7cj4@Turturnip qui fonctionne. Merci. Mais comment pouvons-nous nous assurer que la boîte et le texte sont alignés verticalement de manière aussi centrale?
@Turnip, aussi, veuillez mettre votre violon et commentaires dans une réponse pour moi. C'est juste l'alignement vertical maintenant (si cela est possible).