Как сделать разметку в круге?

Question

[Виктория Кабишова]

Здравствуйте как сделать вот такую разметку? Именно что-бы разметка была в кружочках.

Вот код разметки:

<div class="accordion-item">
                                    <h2 class="accordion-header" id="headingOne">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            <h2>I</h2>
                                            <h4>Базовый уровень сердечно-легочной реанимации (СЛР)</h4>
                                            <h6>(Basic Life Support)</h6>
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <ol>
                                                <li>Оценка состояния пострадавшего</li>
                                                <li>Непрямой массаж сердца и искусственная вентиляция легких (ИВЛ)</li>
                                                <li>Дефибрилляция</li>
                                                <li>Обеспечение проходимости дыхательных путей</li>
                                                <li>Медикаменты для СЛР</li>
                                                <li>Использование устройств и приспособлений для СЛР</li>
                                                <li>
                                                    Слаженная работа в команде
                                                    <ul>
                                                        <li>Слаженная работа в команде</li>
                                                        <li>СЛР 2 спасателя</li>
                                                        <li>СЛР 4 спасателя</li>
                                                        <li>СЛР 6 спасателей</li>
                                                    </ul>
                                                </li>
                                                <li>Работа команды спасателей в условиях стационара</li>
                                                <li>Укладки и наборы СЛР</li>
                                                <li>Оценка эффективности СЛР</li>
                                                <li>Постреанимационные мероприятия</li>
                                                <li>
                                                    Особенности и отличия СЛР у взрослых и детей
                                                    <ul>
                                                        <li>Непрямой массаж сердца</li>
                                                        <li>ИВЛ</li>
                                                        <li>Дефибрилляция</li>
                                                        <li>Препараты и их дозировки</li>
                                                    </ul>
                                                </li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>

Заранее спасибо

Comments

[Вадим]

Так

Answer 1

[Виталий Першин]

Вы можете использовать counter-increment

Comments

[Дима]

красиво)