順序付けられていないリストアイテムからインデントを削除する方法は？

からすべてのインデントを削除したい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: noneに list-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>

<ul>インデントを削除するための私の好ましい解決策は、単純なCSSの1行です：

ul { padding-left: 1.2em; }

<p>A leading line of paragraph text</p>
<ul>
    <li>Bullet points align with paragraph text above.</li>
    <li>Long list items wrap around correctly. Long list items wrap around correctly. Long list items wrap around correctly. Long list items wrap around correctly. Long list items wrap around correctly. </li>
    <li>List item 3</li>
</ul>
<p>A trailing line of paragraph text</p>

このソリューションは軽量であるだけでなく、いくつかの利点があります。

• <ul>の箇条書きを周囲の通常の段落テキストに適切に左揃えします（= <ul>のインデントを削除）。
• <li>要素内のテキストブロックは、複数行に折り返されても正しくインデントされたままになります。

レガシー情報：
IEバージョン8以下では、代わりにmargin-leftを使用する必要があります：

    ul { margin-left: 1.2em; }

これをCSSに追加します。

ul { list-style-position: inside; }

これにより、他の段落やテキストと同じインデントにli要素が配置されます。

参照：http : //www.w3schools.com/cssref/pr_list-style-position.asp

display:table-row; また、インデントはなくなりますが、箇条書きは削除されます。

パディングを削除します。

padding-left: 0;

リンクを提供してもらえますか？おかげで私は見てみることができますあなたのCSSセレクターは十分に強力ではないか、あなたは試すことができます

padding:0!important;

分割しようとしているフッターにも同じ問題があります。上記の提案をいくつか組み合わせて試してみると、これがうまくいくことがわかりました。

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

これは私のh1の下の左側にあり、箇条書きはdividの外側ではなく左側にあるようです。

ライブデモ：https : //jsfiddle.net/h8uxmoj4/

ol, ul {
  padding-left: 0;
}

li {
  list-style: none;
  padding-left: 1.25rem;
  position: relative;
}

li::before {
  left: 0;
  position: absolute;
}

ol {
  counter-reset: counter;
}

ol li::before {
  content: counter(counter) ".";
  counter-increment: counter;
}

ul li::before {
  content: "●";
}

元の質問はその要件が明確でないため、他の回答で設定されたガイドラインの範囲内でこの問題を解決しようとしました。特に：

• リストの箇条書きを段落外のテキストに揃える
• 同じリストアイテム内の複数の行を揃える

また、使用するパディングの量についてブラウザの同意に依存しないソリューションも必要でした。完全を期すために、順序付きリストを追加しました。

インラインで、マージンを0に設定します（ul style = "margin：-0px"）。箇条書きは、オーバーハングなしで段落に揃えられます。