順序付けられていないリストにあるいくつかのテキスト リンクに一連のアイコンを含む画像を使用しようとしていますが、テキストの横にスペースがあるアイコンを 1 つしか表示できません。ここに私が持っているものがあります:
私のCSS:
#head_about { background: url(http://i.imgur.com/IOA8l.png) no-repeat -2px -2px; width: 9px; height: 18px; display:block; margin-left:20px; }
私のhtml:
<ul>
<li><a id="head_about" href="test.html" >About Us</a></li>
</ul>
左パディングを追加すると、画像全体でより多くのアイコンが表示されます。する方法はありますか