Встречается на собеседованиях • сегодня
Как работать с отступами между inline элементами
Верстка с inline-элементами имеет особенность: браузер учитывает пробелы и переносы строк между ними как отступы (~4px).
**Способы убрать отступы:**
1. Убрать пробелы в HTML:
```html
OneTwo
```
2. Комментарии между элементами:
```html
OneTwo
```
3. CSS-решения:
```css
.parent {
font-size: 0; /* обнуляем размер шрифта */
}
.child {
font-size: 16px; /* возвращаем размер */
}
/* или */
.child {
margin-right: -4px; /* компенсируем отступ */
}
```
4. Flex или inline-block:
```css
.parent {
display: flex; /* или inline-flex */
}
```
Лучший вариант - использовать flex, так как это современный и предсказуемый подход.

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