css - リストアイテムのテキストの上部を背景画像に揃える

Question

左ナビゲーションのリストアイテムのテキストを、1行または2行の各画像の上部に配置しようとしていますが、正しく機能しません。

これが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;