html - 垂直对齐内联列表项上的文本

Question

我有一个内联元素列表，列表中的元素有时可以是图像或文本。图片始终与列表高度相同，但如何垂直对齐列表中的文本？

http://jsfiddle.net/qvuCm/

注意:标记无法更改。

希望仅使用 CSS，不使用 JavaScript。

Answer 1

进行了以下更改:

ul li a img{
    display:block;
}


a {
    color: #000;
    font-weight: 700;
    text-decoration: none;
    display:table-cell;
    vertical-align: middle;
    width:100px;
    height:80px;
}

http://jsfiddle.net/qvuCm/12/