- 締切済み
リストの左側の余白
単刀直入に言いますと、 <ul> <li>文字列</li> </ul> と書くとリストの●や番号等の左側に余白が出来ますよね? その余白をCSSで埋めたいのですが、どのようにしたら良いのでしょうか?
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- goldfox
- ベストアンサー率49% (123/249)
回答No.1
ulに余白を指定しましょう。 0にするとマークも消えてしまいます。(寄せすぎ) ul { margin-left:5px; }
単刀直入に言いますと、 <ul> <li>文字列</li> </ul> と書くとリストの●や番号等の左側に余白が出来ますよね? その余白をCSSで埋めたいのですが、どのようにしたら良いのでしょうか?
ulに余白を指定しましょう。 0にするとマークも消えてしまいます。(寄せすぎ) ul { margin-left:5px; }
補足
そのようにしますと、IEと他のブラウザでの表示が違ってしまいます(質問の際に書きそびれてしまいました。すみません)。 margin-leftとpadding-leftを組み合わせましたらOpera・IE・Geckoでの表示を揃える事が出来ました。 回答いただきどうもありがとうございました。