Как сделать нумерованный список с точкой?

Question

[Владимир]

Как сделать список формата.

1. Главный пункт (выделяющийся текст.
1.1 Подпункт
1.2Подпункт
1.3 Подпункт
и тд

Answer 1

[Ankhena]

Использовать свойства counter-reset и counter-increment для псевдоэлементов вложенного списка.
Жирность, думаю, сами поставите.

Comments

[Владимир]

@Ankhena
А если нужно без вот этих отступов чтобы все было друг под другом.
Так как твой вариант я и сам загуглил.

[Ankhena]

Владимир, за отступы отвечают padding и margin. Уберите их или задайте столько, сколько вам нужно.

Можете начать с обнуления padding для ol.
Потом корректировать до желаемого вида эти и другие отступы.

Если не получится, сделайте песочницу на jsfiddle.net с попытками убрать их и описанием, что именно не получается.

Answer 2

[Владимир]

Вопрос решен, всем спасибо.

Comments

[Даниил]

li {
  display: flex;
}

Всё!

[Владимир]

Даниил, я так пробовал, отредачил, я не знаю как мне главный пункт меню сделать, так же,
Мб можно просто этот жирный текст как h2-6 разметить и оставить как есть а лишки сами собой заполнятся.

Но у меня ещё есть. список от 2 и от 3.

2 Жирный
2.1
2.2

3. Жирный
3.1
3.2

[Ankhena]

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

[Даниил]

Ankhena, а где у него b был? Непосредственно в ol? Или в элементах списка? (в элементах вроде можно его было использовать)

[Ankhena]

Даниил, в ol перед первым li

Сейчас код валидный, но просто семантически неверный.

[Даниил]

Ankhena, а где семантически неверный сейчас? или я чего-то не понял

[Ankhena]

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

[Даниил]

Ankhena, а, да, с этим согласен.