將文本的頂部與列表項中的背景圖像對齊

Question

我試圖將my list items here in the left nav中的文本設置爲單線或雙線的每個圖像的頂部，但無法使其正常工作。

這裏的CSS和一個例子背景圖片利：

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