Düzeltme yükseklik ve genişlik, &elde lt;li> etiketleri ile üst üste kutu numarası görüntüleme duyuyorum. şimdi dikey merkezi metni hizalamak gerekiyor. CSS vertical-align hiçbir etkisi, belki ben bir şey eksik???

Hile kullanarak aramıyorum (kenar boşluğu, dolgu, çizgi-yükseklik), bu metin uzun ve iki satır girecek, çünkü çalışmaz.

Lütfen gerçek kodu bulun:

CSS kodu

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;}

HTML kodu

<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>

display: table ebeveyn ve eleman kendisi vertical-align: middle display: table-cell tanımlayın.