Встречается на собеседованиях • сегодня

Как версткой на div сделать над элементом слева круг с количеством ошибок без использования flex

Можно использовать `position: absolute` для круга и `position: relative` для родительского элемента. Пример: ```html
3
Текст с ошибками
``` ```css .error-wrapper { position: relative; padding-left: 30px; /* Отступ для круга */ } .error-count { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background: red; color: white; text-align: center; line-height: 20px; } ``` Ключевые моменты: 1. `position: relative` у родителя создает контекст для позиционирования 2. `position: absolute` у круга позволяет точно его разместить 3. `transform: translateY(-50%)` центрирует круг по вертикали 4. `padding-left` у родителя освобождает место для круга
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы