Problème pour centrer un texte dans un bloc

Bonjour je débute en css,

J'ai un problème tout bête. J'arrive à centrer un texte de manière horizontale mais pas de manière verticale.

.index_bloc {
position:relative;
vertical-align:bottom;
border-color:#FFFF00;
text-align:center;
cursor:pointer;
color:#FFFF00;
border-style:dotted;
width:50px;
height:50px;
}

Le texte est centré mais collé au haut du bloc.

Merci d'avance.
Modifié par Creatix (31 Jan 2008 - 21:26)

Bonjour et bienvenue parmi nous

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

Creatix a écrit :
J'ai un problème tout bête.

En fait non, il n'est pas tout bête du tout. La propriété vertical-align sert essentiellement à placer un élément de type en-ligne ou un élément remplacé (une image par exemple) par rapport à la ligne de texte.

Les seuls blocs qui peuvent utiliser la propriété vertical-align pour centrer verticalement leur contenu sont les cellules de tableau et les éléments en affichage de type "table-cell".

Un peu de lecture:
http://web.covertprestige.info/test/39-centrage-bloc-vertical-horizontal.html