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;
}