[CSS] Texte centré

**Shandler** · 10/05/2007, 15h54

Bonjour,

J'ai un <div> de taille fixe de 200px sur 200px et donc dans ce <div> je voudrais mettre du texte.
J'emploie la balise <p> pour positionner mon texte sachant qu'il doit avoir un écart de 5px de chaque coté donc mon probléme est le suivant car je ne sais pas comment faire pour que mon texte dans la balise <p> reste toujours au milieu de mon div sachant que le texte dans cette balise peut être long comme court. En gros j'aimerais que mon texte est toujours la même distance en haut et en bas par rapport au bord de mon div.

Merci beaucoup de votre aide !

**E.Bzz** · 10/05/2007, 16h04

Bonjour,

Code :

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

1
2
<div style="width:200px;height:200px;text-align:center;vertical-align:middle;padding:5px;">
totototototo blablabla blablabla blablabla totototototo </div>

A+

**Shandler** · 10/05/2007, 16h11

J'avais deja ca donc j'ai rajouter ce que tu m'as dis mais ca marche toujours pas.

Code :

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

1
2
3
.news {margin:92px 0 0 10px; height:200px; width:200px; background:#6481B1;}
 
.news p {position:absolute; width:170px; margin:170px 0 0 50px; font:bold 12px Times sans-serif; text-align:center; vertical-align:middle;}

Merci a toi !!

**psykbe** · 10/05/2007, 16h19

Tu veux dire un texte centré dans ton div ou un div centré sur la page ?

Car le code ci dessus centre le texte à l'intérieur du div (à la manière word quoi) et dès qu'un mot dépasse les 200px il est remit à la ligne automatiquement.