Встречается на собеседованиях • сегодня
Как версткой на div сделать над элементом слева круг с количеством ошибок без использования flex
Можно использовать `position: absolute` для круга и `position: relative` для родительского элемента. Пример:
```html
```
```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` у родителя освобождает место для круга
3
Текст с ошибками

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы