Je cherche à centrer verticalement un texte pour l'utilisation dans un menu dont les titres doivent être sur un bloc image de dimensions fixes.
Voici le code exemple :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style type="text/css">
#titre-menu {
		width: 100px;
		height: 50px;
		background-color: #09C;
}
h3 {
	height: 50px;
	vertical-align: middle;
}
</style>
 
<body>
<div id="titre-menu">
<h3>titre menu 1</h3>
</div>
<div id="titre-menu">
<h3>titre menu 2 sur 2 lignes</h3>
</div>
Le problème est d'arriver à aligner le texte du menu qu'il soit sur une ligne ou 2 lignes en fonction de la longueur du texte. La largeur doit être fixe.
Merci de votre aide