Bonjour,

A en juger par ce que je trouve sur les différents forum/blog/tuto, il semble admis que la propriété CSS vertical-align est censé fonctionner sur une div ayant également la propriété display:inline-block.

Or, si j'écris :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
.test {
			display:inline-block;
			vertical-align:middle;
			border:1px solid #000;
			width:100px;
			height:100px;
			text-align:center;
			color:#000;
			font-weight:bold;
}
puis dans le HTML
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<div class="test">pouet</div>

le texte reste invariablement en haut, quelque soit le navigateur (FF ou chrome).

Je ne comprends pas pourquoi...

Je précise ne pas vouloir (pouvoir) utiliser autre chose que le inline-block (pas de table-cell ou de flex) et aimerai autant que possible éviter les bricolages, le nombre de ligne et la taille du texte étant variables dans la div.

En vous remerciant.