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

Как работать с отступами между 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, так как это современный и предсказуемый подход.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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