HTMLで作成したリストの左側の余白を簡単になくす方法

最終更新日:

HTMLのul タグを使ってリストを作った時に、左側に余白が結構表示されていています。 左側の余白をなくすにはpadding-leftを設定してあげれば簡単になくせます。

ul{
padding-left:1em;
}

これだけで充分左側によってくれます。 後はご自身の好みに応じて微調整してください。

padding-leftを0.5emにしたり、1.5emにしてみたり。 marginも必要なら調整してください。

基本的には、リストの左側の余白をなくすには padding-leftを設定してあげるのが大事だと覚えていれば充分です。