Exercice 4/6
- Dans le fichier
stylesheet.css, ajouter une largeur (width) de200pxau sélecteura - Dans le fichier
stylesheet.css, ajoutez les propriétésmargin-leftetmargin-rightau sélecteuraet mettez la valeurautopour chacune d'elles. Cela permet de centrer horizontalement le bouton dans la page à partir de sa largeurwidth; - Dans le fichier
stylesheet.css, ajoutez la propriététext-align: centerau sélecteura. Cela permet de centrer horizontalement le texte du bouton; - Cliquez sur soumettre ma réponse pour vérifier vos résultats;
Leçon 4/6
L'objectif de cet exercice est de positionner le bouton.
Nous approfondirons le positionnement dans les exercices à venir mais voici quelques explications pour la compréhension de cet exercice :
- Quand on applique la valeur
autoaux marges externes (margin) gauche et droite, cela permet de centrer horizontalement un élément HTML. text-align: centerest le code qui permet de centrer horizontalement du contenu textuel;
26 Commentaires
-
mihiarii-85
Bonjour, pourquoi je ne vois aucun changement sur l'aperçu. sur les exercices précédents aussi c'était pareil. Par exemple, la couleur ne change pas.le 30/01/2023 à 13h53
-
Patricio M Admin
Des fois, le localhost ne réponds pas très bien, nous sommes en train de régler le souci
le 30/01/2023 à 13h58
-
Rubis.daisuki-69
Ça ne centre rien du tout =(le 08/03/2022 à 22h18
-
meriam Admin
c'est bizarre
le 10/03/2022 à 15h24
-
deboval.laurine-89
Le bouton "soumettre" ne fonctionne pas non plusle 12/03/2021 à 14h41
-
meriam Admin
Bonjour, le bouton soumettre fonctionne correctement.
le 15/03/2021 à 11h12
-
deboval.laurine-89
Bonjour, mon code ne fonctionne pas : a { display: block; border: 1px solid #0066ff; width: 200px; margin-left: auto; margin-right: auto; text-align: center; }le 12/03/2021 à 14h41
-
meriam Admin
Bonjour, votre dernier code est correct.
le 15/03/2021 à 11h14
-
justamonchloe-62
Bonjour, je ne comprends ce qu'il me manque ... le correcteur ne valide pas mes réponses merci d'avancele 16/11/2020 à 08h21
-
meriam Admin
Bonjour, avez vous placé un point -virgule entre la propriété width et margin-left ?(il faut ajouter un point -virgule à la fin de chaque propriété si non la propriété ne sera interprétée par le navigateur) ))
le 16/11/2020 à 09h45
-
francis.jub-94
En mettant tout entre une paire de parenthèses, cela fonctionne.okle 09/11/2020 à 07h33
-
clementlevayer-10
Bonjour, on ne peut pas soumettre la réponse à cet exercice ...le 15/09/2020 à 11h56
-
meriam Admin
Bonjour, le problème est réglé.
le 16/09/2020 à 06h26
-
meriam Admin
Bonjour, le problème est réglé.
le 16/09/2020 à 06h26
-
loubna.bali-41
a { display:block; border: 1px solid #0066ff; width: 200px; margin-left:auto; margin-right:auto; text-align:center; }le 08/02/2019 à 15h02
-
extan
Pourquoi ne pas ffaire un simpe "margin: auto" ?le 12/07/2017 à 06h31
-
mram Admin
Bonjour, parce que ça va aussi mettre "auto" sur les marges en haut et en bas et on ne le souhaite pas forcément, même si dans le cas de cet exercice ça ne gêne pas. Il faut préférer ceci : margin: 0 auto. La première valeur est pour les marges haute et basse.
le 16/07/2017 à 06h31
-
mram Admin
Vous n'avez pas mis tout ce qui est demandé .....
le 01/06/2017 à 12h12
-
pizzutoandrea3
helple 28/05/2017 à 18h18
Commentaires les mieux notés