@Parsifal31017
Программист

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

Здравствуйте как сделать вот такую разметку? Именно что-бы разметка была в кружочках.
603baa1d018d0436619118.png
Вот код разметки:
<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>

Заранее спасибо
  • Вопрос задан
  • 67 просмотров
Решения вопроса 1
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
Вы можете использовать counter-increment
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
17 нояб. 2024, в 18:45
2500 руб./за проект
17 нояб. 2024, в 18:39
100000 руб./за проект
17 нояб. 2024, в 18:29
15000 руб./за проект