Как убрать отступ из неупорядоченного элемента списка?

Я хочу удалить все отступы от 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:

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, и пуля указывает внутри div, а не снаружи налево.

Демонстрационная версия: 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: "●";
}

Поскольку исходный вопрос неясен относительно его требований, я попытался решить эту проблему в соответствии с рекомендациями, установленными другими ответами. В частности:

• Совместите маркеры списка с внешним текстом абзаца
• Выровнять несколько строк в одном элементе списка

Я также хотел найти решение, которое бы не зависело от согласования браузерами того, сколько отступов использовать. Я добавил упорядоченный список для полноты.

Делая это inline, я установил поле на 0 (ul style = "margin: -0px"). Пули выравниваются по абзацу без вылетов.