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

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;