1. ホーム
  2. ハイパーリンク

[解決済み] [Solved] 順番なしリストの項目のインデントを削除するには?

2022-03-30 16:46:51

質問

のインデントをすべて削除したい。 ul . 試しに margin , padding , text-indent から 0 が、役に立たない。どうやら text-indent を負の数にするとうまくいきますが、本当にそれだけがインデントを取り除く方法なのでしょうか?

どのように解決するのですか?

リストスタイルと左パディングを無にする。

ul {
    list-style: none;
    padding-left: 0;
}​

ul {
  list-style: none;
  padding-left: 0;
}
<ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ul>

箇条書きを維持するには list-style: nonelist-style-position: inside または省略形の list-style: inside :

ul {
  list-style-position: inside;
  padding-left: 0;
}

ul {
  list-style-position: inside;
  padding-left: 0;
}
<ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ul>