[RESOLU] Centrage vertical avec line-height et texte ?

Bonjour,

Je souhaiterai centrer verticalement les informations suivantes :

http://cjoint.com/data/ikweBHEMF0_sc3.PNG

Pour se faire, j'utilise la propriété line-height du CSS sur mon div mais le résultat est le suivant :

http://cjoint.com/data/ikwh7QuVX4_sc4.PNG

Il se créé un espace énorme entre chaque lignes...

Comment dois-je faire ?

Voici mon code :

#live_date
{
	border-right		: 1px dotted #000000;
	float			: left;
	height			: 42px;
	[b]line-height		: 42px;[/b]
	text-align		: center;
	width			: 186px;
}

Le code entier peut être trouvé ici :
http://forum.alsacreations.com/topic-4-16915-1-Problme-de-positionnement-des-DIV-.html

Je viens de voir ici :
http://fushia75.free.fr/article.php3?id_article=95

a écrit :

Attention! Cette astuce fonctionne uniquement si le texte dans le conteneur est sur une seule ligne!

Que faire quand il y a plusieurs lignes ?

Merci d'avance,
Mathieu
Modifié par mrousse (15 Aug 2006 - 19:54)

Je dois mal comprendre le problème... est ce qu'un simple vertical-align:middle ne suffit pas pour que ton texte soit centré verticalement ?

Ou bien est ce que tu souhaites plutôt avoir des interlignes variables suivant le contenu de façon à ce que ce soit "bien réparti verticalement" ?

Bonjour,

Problème résolu.

Merci,
Mathieu