Aligner un élément au centre d'une DIV

Bonjour,

Pourquoi le bouton 2 n'est pas au centre de la page : test

D'avance merci

Bonjour,
il serait préférable que tu nous mettes le code HTML-CSS directement dans la discussion, la première analyse pouvant se faire rapidement et le code restera peut-être pas ta page de test.

Je reprend, partiellement, ton code en gardant l'essentiel

Code:

---

1 2 3

<div class="dropdown piedp"> <button>test bouton 2</button> </div>

---

avec son CSS

Code:

---

1 2 3 4 5 6 7

.dropdown { position: relative; display: inline-block; /*-- cela ce passe ici --*/ } footer, .piedp { text-align: center; }

---

On voit un display: inline-block qui fait que l'élément n'occupe que la place nécessaire à son contenu, un centrage du texte n'a donc aucun effet.

Merci NoSmoking pour les précisions d'utilisation pour plus de clarté.

Bravos pour la solution.

Code:

---

1 2 3

position: relative; /* display: inline-block; */ /*-- cela ce passe ici --*/

---

ainsi display doit être online par défaut je crois !

position et display sont des notions bien vagues pour moi :oops:

Citation:

---

ainsi display doit être online par défaut je crois !

---

non cela dépend du type d'élément.

Tu peux jeter un coup d'oeil à ce qui existe : The 'display' property.

Merci NoSmoking, j'ai juste 2à 3 notions d'anglais :roll: