web-dev-qa-db-ja.com

インデントが異なる箇条書き

サイトで、<ul>タグと<li>タグを使用する箇条書きのインデント距離を変えることはできますか?

  • エレメントワン
  • 要素2
  • そして<li>タグにないこの行もインデントされます
  • <ul>タグのないリスト要素は
  • インデントされていません
  • いくつかの要素をインデントしたいのですが、デフォルトの距離が大きすぎ、サンズインデントが小さすぎます。

    11
    sova
    <ul style="padding-left:20px">
        <li>Element 1</li>
        <li>Element 2</li>
    </ul>
    

    デフォルトのインデントは40pxだと思います。これで半分になります。

    23
    thirtydot
    li {
      margin-left: 10px;
    }
    ul li{ 
      margin-left: 20px;
    }
    

    両方のインデントを調整する少しクリーンな方法。マージンとパディングは異なるので、自分に最も適した方を使用してください。

    3
    ebaum