CSS-стиль-стиль не работает

Я установил list-style-type в CSS, но почему-то не показывал его.

body {
  margin: 0;
}
ol {
  list-style-type: decimal;
  padding-left: 0;
}

<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

Ответ 1

Из-за вашего дополнения reset цифры фактически слева от страницы. Попробуйте добавить:

list-style-position: inside;

Ответ 2

display:list-item;
list-style-position:outside;

Это может вызвать проблему, если атрибут list display: установлен на что-то еще, чем display:list-item;

Ответ 3

Десятичный по умолчанию для "ол". Не нужно это объявлять. Также числа там просто падают сбоку страницы, то есть невидимы. Отрегулируйте отступы и избавьтесь от лишнего объявления. Посмотреть здесь

Ответ 4

Если ничего из этого не сделано, убедитесь, что у вас нет элементов, явно помеченных как блок отображения внутри LI. Это случилось со мной с H4 A, установленным как блок внутри LI. Я собирался уйти в отставку 😳

Ответ 5

просто удалите "display: block;" от вашего элемента li

Ответ 6

У меня похожая проблема, за исключением того, что list-style-type работает, пока я не добавлю свойство text-transform после него. Когда я удаляю преобразование текста и не делаю никаких других изменений, тип стиля списка продолжает работать.

Пояснение: он "не работает", возвращая маркеры, когда для типа стиля списка установлено значение "нет". Вот код:

nav ul a {
list-style-type: none;
padding: 10;
text-transform: uppercase;
}