Выбор ответа Junior Блочная модель спрашивают часто обновлено
width у строчного элемента
Вопрос
Что произойдёт со <span>, которому задали стили ниже?
span {
width: 200px;
height: 50px;
background: tomato;
}
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Ширина и высота проигнорируются: строчному элементу они не задаются. У display: inline свойства width и height не применяются, размер задаёт текст.
Варианты ответа
- Станет 200 × 50px и встанет на отдельную строку, как блочный элемент
- Ширина и высота проигнорируются: строчному элементу они не задаютсяправильный ответ
- Станет 200 × 50px, но останется в строке рядом с соседним текстом
- Применится только ширина 200px, а высоту по-прежнему задаст текст
Разбор
У display: inline свойства width и height не применяются, размер задаёт текст. Чтобы размеры заработали и элемент остался в строке, нужен inline-block; блоком на отдельной строке он станет с display: block. Частичного применения только ширины нет.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.