Aligner formulaire dans balise article

Résolu/Fermé
barale61 Messages postés 1192 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 17 avril 2024 - Modifié par barale61 le 2/06/2015 à 12:10
barale61 Messages postés 1192 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 17 avril 2024 - 3 juin 2015 à 11:23
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

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
2 juin 2015 à 15:33
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.
0
barale61 Messages postés 1192 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 17 avril 2024 110
3 juin 2015 à 11:23
Merci beaucoup ça marche bien mieux qu'en mettant des margin.
0