Centrer horizontalement un élément inline (span)

Bonjour,

bien ayant quand même étudié le CSS, il y a visiblement des choses qui m'échappent :( (Croyez-moi, c'est pénible). Donc je croyais avoir compris comment centrer un élément inline comme un span ; donc je fais : <span class="centrage">texte</span>et

Code:

---

1 2 3

.centrage { text-align:center; }

---

mais ça ne se centre pas : pourquoi ?

Yop!


Mmh, SPAN, c'est un élément de type inline, non? J'ai l'impression que ça fonctionnera mieux avec un conteneur de type block.

Avant d'ouvrir la discussion, j'avais aussi essayé, mais pas mieux :(

Code:

---

<p class="centrage_block">texte</p>

---

Code:

---

1 2 3 4

.centrage_block { margin-left :auto; margin-right :auto; }

---

Bonjour Laurent,
dommage que tu n'aies pas poussé plus loin tes investigations, car tu y étais presque ! :mouarf:

Code:

---

1 2 3

.centrage_block { text-align:center; }

---

Citation:

---

Envoyé par laurentSc

...bien ayant quand même étudié le CSS, ...

---

C'est un bon début.
Maintenant, il serait temps de commencer à COMPRENDRE la signification et le fonctionnement des propriétés CSS...
Car, quand même..., tu continues à faire ça au pif, non ? :roll:

Citation:

---

Envoyé par jreaux62

Car, quand même..., tu continues à faire ça au pif, non ?

---

Pas exactement, j'essaie d'utiliser mes connaissances ; je fais aussi une recherche Google et par exemple, pour l'exemple en cours, je viens de trouver une autre solution :

Code:

---

1 2 3 4 5 6

.centrage_block { margin-left : auto; margin-right : auto; width : 10%; /*text-align:center;*/ }

---

La première fois, j'avais oublié le width...