将文本顶部与列表项中的背景图像对齐

Question

我正在尝试将my list items here in the left nav中的文本设置为单行或双行的每个图像的顶部，但无法使其正常工作。

这是css和示例背景图片li：

.benefits li 
{font-size: 16px;
padding-left: 25px;
line-height: 2.1;
}

li.social {
background:url("/images/users.png") 0% 50% no-repeat;
}

任何帮助都非常感激。

Answer 1

将您的li标记CSS更新为：

url("/images/megaphone.png") 0% 0% no-repeat;

那将是50％到0％。

或者像0.4em之类的东西，所以图标与文字的排列方式更好。

url("/images/megaphone.png") 0% .4em no-repeat;