Comment centrer verticalement plusieurs lignes

Un moyen tout simple pour centrer verticalement un texte, quel que soit son nombre de lignes. Auteur : loun4st4ck (http://twitter.com/Loun4st4ck)

by AkaiKen

HTML

<div class="index">
     <p>Un texte assez long, qui dépasse une ligne, et pourtant qui reste centré en hauteur.</p>
 </div>

CSS

.index {
    display:inline-block; 
    /* pour en faire des blocs qui seront 'en ligne' quand même */
    width : 200px;
    min-height:200px;
    line-height : 200px;
    /* line-height de même valeur que height pour centrer verticalement
    n'est valable que si l'on a qu'une seule ligne */
    border-radius : 10px;
    border : 1px solid #d5d5d5;
    text-align:center;
 }
 
 .index p { 
    display:inline-block;
    vertical-align:middle;
    line-height:normal /* et hop on rétablit le line-height */
 }