liタグの中のimgを中央（左右）におきたいですが・・・

Question

<li>タグの中に<img>を入れてます。 それをwidth:470pxのliに対して真ん中にしたいのですが、 imgをdivに囲んでtext-align=centerにしても効かなくて どうすれば左右に対して中央におけますか？ ちなみにulはdisplay:blockにしてます。

Comments

[kei344]

書かれている状況が再現するコード（HTML/CSS）を提示されたほうが回答を得やすいと思います。

Answer 1

imgにmargin:0 auto;をidやclassで属性を与えてみてはどうでしょうか？

Answer 2

ulでcenterにすれば良いのではないでしょうか？

<ul style="display:block; border: 1px solid #999999; text-align: center;">
    <li><img src="sample.jpg" alt="" style="border: 1px solid #999999;"></li>
</ul>

```分かりやすくするためにタグにそのままstyle記述してます。