真中にならない

質問

HTML
<div align="center">
<ul class="u">
<li><a href="index.html"><img onmouseover="this.src='images/home2.jpg'" onmouseout="this.src='images/home.jpg'" src="images/home.jpg" alt="" border="0" /></a></li>
<li>・・・・・ </li>
</ul>
</div>
CSS
ul.u { list-style:none; margin: 0px; padding: 0px; }
ul.u li{ float: left; list-style:none; display:inline; margin: 0; }

これで中央に来ないのですがどうしてでしょうか？
ulではなくtableですと真中にちゃんときます。

回答No.1

syagain · ベストアンサー

CSS
ul.u li{ float: left; list-style:none; display:inline; margin: 0; }

float: left;
　これは「左寄せ」の指定をしています。
　すでにHTMLの<div align="center">で「真ん中寄せ」指定がしてあるので、
　この[float:left;]の部分が不要です。まるっと削って構いません。

「テーブルだと中央に来た」ということなので、
　質問文自体の、leftとcenterの書き間違えかもしれませんが、
　上記の方法で中央に寄せることはできます。

お礼

なるほど、解決しました。
syagainさんありがとうございます。