を使用してリストの箇条書きを削除しました
ul li { list-style: none; }
しかし、弾丸がそこにあるかのように、リストにまだインデントが表示されています。
画像のリスト項目を正確に中央に配置する必要があります。
<ul/>
ブラウザは、および<li/>
タグに添付されたデフォルトのスタイリングを出荷します
ul,li { list-style-type: none;
list-style-position:inside;
margin:0;
padding:0; }
提供されたすべての回答で問題は解決しますが、クロスブラウザーの問題が発生しないように、リセットスタイルシートの使用を検討することを強くお勧めします。
最高のもの(少なくとも最も人気のあるもの)は、おそらくこれです:
http://html5doctor.com/html-5-reset-stylesheet/
それがあなたの問題に役立つことを願っていますが、リセットスタイルシートを使用したくない場合は:
ul, li{
margin: 0;
padding: 0;
}
テキストを中央に配置する場合は、
li{
padding-left: 0px;
padding-right:0px;
margin-left:0px;
margin-right:0px;
text-align:center;
}
マージンとパディング 0 を追加することもできます。
ul li {
list-style: none;
margin:0;
padding:0;
}