有序列表编号样式位置

Question

我有一个有序的清单：

<ol>
    <li></li>
    <li></li>
    <li></li>
</ol>

如何在li项的垂直中心定位数字？

目前他们位居榜首。

http://jsfiddle.net/xuZEb/6/

谢谢！

Answer 1

将line-height设置为您设置height的相同值（示例中为50px）：

ol li {
    height: 50px;
    background:#eee;
    border: 1px solid #DFDFDF;
    line-height: 50px;
}

请参阅演示：http://jsfiddle.net/HcDFY/1/