Aligner formulaire dans balise article [Résolu/Fermé]

Signaler
Messages postés
1120
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
13 février 2021
-
Messages postés
1120
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
13 février 2021
-
Bonjour,

Je souhaite aligner un petit formulaire dans mon article en essayant avec:
    article.miniForm {
    text-align : center;
}


mais cela ne fonctionne pas voici mon formulaire:

            <article class="miniForm">       
                <form action="" method="post">
                   <fieldset>
                        <legend>Contact rapide</legend>
                        <input type="text" placeholder="Votre nom" required>
                        <input type="email" placeholder="Votre email" required>
                        <textarea placeholder="Votre message"></textarea>
                        <input type="submit">
                    </fieldset> 
                </form>
            </article> 


Je vous remercie de votre aide.


2 réponses

Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
616
salut
tu dois donner une class (ex formu1) a tes éléments a centrer (fieldset, legend, input textarea)
puis

.formu1 { 
width: 50%;
margin:10px auto;
}


ces éléments sont de type block donc text-align se s'applique qu'a leur contenu et pas à leur positionnement.
Messages postés
1120
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
13 février 2021
93
Merci beaucoup ça marche bien mieux qu'en mettant des margin.