html li相对垂直对齐,html – li中的CSS垂直对齐文本

我在一行中显示固定高度和宽度的箱子数，从< li>标签。

现在我需要在垂直中心对齐文本。

CSS vertical-align没有影响，也许我缺少的东西???

我不是寻找使用(margin，padding，line-height)的技巧，这些将不工作，因为一些文本是长的，将分成两行。

请找到实际代码：

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;

}

HTML代码

• IP Phone
• Dual SIM Switch Server
• IP PBX