J'affiche le nombre de boîtes d'affilée avec une hauteur et une largeur fixes, générées à partir des balises <li>. maintenant, je dois aligner le texte au centre vertical. L'alignement vertical CSS n'a aucun impact, il me manque peut-être quelque chose ???
Je ne cherche pas d'astuces utilisant (marge, remplissage, hauteur de ligne), elles ne fonctionneront pas car certains textes sont longs et se diviseront en deux lignes.
Veuillez trouver le code actuel:
Code CSS
ul.catBlock{
width:960px;
height: 270px;
border:1px solid #ccc;
}
ul.catBlock li{
list-style: none;
float:left;
display:block;
text-align: center;
width:160px;
height: 100px;
}
ul.catBlock li a{
display: block;
padding: 30px 10px 5px 10px;
height:60px;
}
Code HTML
<ul class="catBlock">
<li><a href="#">IP Phone</a></li>
<li><a href="#">Dual SIM Switch Server</a></li>
<li><a href="#">IP PBX</a></li>
</ul>