CSS で箇条書きとリスト項目の間隔を制御するにはどうすればよいですか?

CSS: 箇条書きとリスト項目間の距離の調整

問題:

箇条書きとその項目間の水平方向の間隔を調整する対応する

順序付きリストまたは順序なしリスト内の要素は課題を引き起こします。例として、次のことを考えてみましょう。

* Some list text goes
   here.

望ましい結果:

次のようにスペースを変更します。取得:

*         Some list text goes
          here.

または

*Some list text goes
 here.

解決策:

相対位置を指定して、リスト項目のコンテンツをspan要素内に囲みます。スパンの左側のプロパティを操作して、希望の間隔を制御できます。

li span {
  position: relative;
  left: -10px;
}

<ul>
  <li><span>item 1</span></li>
  <li><span>item 2</span></li>
  <li><span>item 3</span></li>
</ul>

以上がCSS で箇条書きとリスト項目の間隔を制御するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。