Discussion :

[laurentSc]

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.centrage {
text-align:center;
}

mais ça ne se centre pas : pourquoi ?

[ryan]

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.

[laurentSc]

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.centrage_block {
margin-left :auto;
margin-right :auto;
}

[Invité]

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

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.centrage_block {
  text-align:center;
}

...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 ?

[laurentSc]

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

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...