html - ul 图片文字对齐

Question

我有一个自定义列表菜单样式，但我不确定如何将文本与图像对齐：

CSS：

div#main .services{
    width:250px;
}
div#main .services ul li{
    list-style-image: url('../img/tick.png');
}
div#main .services li{
    line-height:20px;
}

Answer 1

垂直对齐可能会有所帮助（尝试顶部或中间值）：

div#main .services li{
    line-height:20px;
    vertical-align: middle;
}