DIVタグでUL画像をセンタリング

Question

CSSの問題が発生しました。私は以下のような状況があります

<div> 
<ul> 
<li> <img src="a.jpg" ></li> 
<li> <img src="a.jpg" ></li> 
<li> <img src="a.jpg" ></li> 
<li> <img src="a.jpg" ></li> 
</ul> 
</div> 

私はすべての私のULタグを中央に揃えたいと思いますが、イメージは左揃えにしてください。

text-align：centerを使用すると、イメージを中心に取得しています。しかし、ulの最後の画像は、私が表示したくない中央に表示しています。

誰でも私を助けることができますか？ ありがとうございました。このような

Answer 1

書き込み：

div{text-align:center} 
ul{ 
display:inline-block; 
*display:inline;/* for IE7 */ 
*zoom:1; 
text-align:left; 
} 

Answer 2

この

HTML

<div id="menu"> 
    <ul> 
    <li><span></span><a href="">Add Some Text</a></li> 
    <li><span></span><a href="">Add Some Text</a></li> 
    <li><span></span><a href="">Add Some Text</a></li> 
    <li><span></span><a href="">Add Some Text</a></li> 
    <li><span></span><a href="">Add Some Text</a></li> 
    </ul> 
</div> 

CSSた後、spanタグを使用して、アイコンの画像を呼び出す

#menu li { 
clear: left; 
} 

#menu li a { 
padding: 5px 0 0 40px; 
display:block; 
} 

#menu li span { 
float: left; 
display: block; 
height: 32px; 
width:32px; 
background: url(images/icon.png) no-repeat; 
} 

のようなものを試してみてくださいコントロール あなたのCSSを介してあなたのテキストやアイコン画像の上に行く方法です。もちろん、ここで

が、私は第2のセレクタは `UL li`されるべきだと思う例http://jsfiddle.net/DUjfd/