Bagaimana cara menghapus lekukan dari item daftar yang tidak diurutkan?

Saya ingin menghapus semua lekukan dari ul. Saya mencoba setting margin, padding, text-indentuntuk 0, tetapi tidak berhasil. Tampaknya menetapkan text-indentke angka negatif dapat membantu - tetapi apakah itu satu-satunya cara untuk menghapus lekukan?

Setel gaya daftar dan padding kiri menjadi kosong.

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>

Untuk mempertahankan peluru, Anda dapat mengganti list-style: nonedengan list-style-position: insideatau steno 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>

Solusi pilihan saya untuk menghapus lekukan <ul> adalah CSS sederhana satu-baris:

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>

Solusi ini tidak hanya ringan, tetapi memiliki beberapa keunggulan:

• Itu dengan baik menyelaraskan poin bullet <ul> ke teks paragraf normal di sekitarnya (= indentasi dari <ul> dihapus).
• Blok teks dalam elemen <li> tetap terindentasi dengan benar jika mereka membungkus menjadi beberapa baris.

Info lawas:
Untuk IE versi 8 dan di bawah Anda harus menggunakan margin-kiri sebagai gantinya:

    ul { margin-left: 1.2em; }

Tambahkan ini ke CSS Anda:

ul { list-style-position: inside; }

Ini akan menempatkan elemen li dalam indentasi yang sama dengan paragraf dan teks lainnya.

Ref: http://www.w3schools.com/cssref/pr_list-style-position.asp

display:table-row; juga akan menghilangkan lekukan tetapi akan menghapus peluru.

Lepaskan bantalan:

padding-left: 0;

Dapatkah Anda menyediakan sebuah sambungan ? terima kasih saya bisa melihatnya Kemungkinan besar pemilih css Anda tidak cukup kuat atau dapat Anda coba

padding:0!important;

Saya memiliki masalah yang sama dengan catatan kaki yang saya coba bagi. Saya menemukan bahwa ini berhasil bagi saya dengan mencoba beberapa saran di atas digabungkan:

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

Ini sepertinya menyimpannya di kiri di bawah h1 saya dan poin-poin di dalam div daripada di luar ke kiri.

Demo langsung: 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: "●";
}

Karena pertanyaan awal tidak jelas tentang persyaratannya, saya berusaha menyelesaikan masalah ini dalam pedoman yang ditetapkan oleh jawaban lain. Khususnya:

• Sejajarkan daftar peluru dengan teks paragraf luar
• Sejajarkan beberapa baris dalam item daftar yang sama

Saya juga menginginkan solusi yang tidak bergantung pada browser yang menyetujui berapa banyak bantalan yang digunakan. Saya telah menambahkan daftar yang dipesan untuk kelengkapan.

Melakukan inline ini, saya mengatur margin ke 0 (ul style = "margin: -0px"). Peluru sejajar dengan paragraf tanpa overhang.