文字を中央表示にしたいのですが

今から書くソースに書き換えてください。 html <div id="image"> <ul> <li><a href="home.html">ホーム</a></li> <li><a href="what.html">少林寺拳法とは</a></li> <li><a href="entry.html">入部について</a></li> <li><a href="schedule.html">練習日時及び場所</a></li> <li><a href="access.html">アクセス</a></li> <li><a href="info.html">お問い合わせ</a></li> </ul> </div> CSS #image ul, #image li { margin: 0; padding: 0; } #image { background: #FFF url('img/bannar.bmp') no-repeat left top; margin: 0 auto; width: 190px; padding: 25px 205px; } #image ul{ width: 190px; list-style-type:none; line-height: 180%; } #image li{ font-size: 14px; text-decoration:underline; } これで直ります。 先ほどのままだと右よりって言うか、fire foxで酷い事になっていましたので、それも含めてなおしておきました。

リストタグのマークは消えていますが、字下げが生きています。 #image ul{ margin:0; padding:0; list-style-type:none; } のように<ul>に 　margin と padding に「0」を指定してみてください。

文字を中央表示だけで言われてもどの用に中央表示かにより若干やり方は変りますが、ただ文字を中央にしたいだけならば、 #image li{ width:150px; } を消すだけで大丈夫です。