CSS 不定高度的文字垂直居中

html:

<ul>

        <li><a>Home</a></li>

        <li><a>Exhibitor introduction</a></li>

</ul>

css:

ul > li {

        display:table;

        float:left;

        width:150px;

        height:50px;

}

ul>li>a {

        width:100%;

        text-align:center;

        display:table-cell;

        vertical-align:middle;

        line-height:18px;

}

PS:底层文字不要加浮动。