Рассмотрев все строчные и блочные элементы, мы переходим к переходному типу элементов. На этом завершится серия уроков об элементах и их классификации. Будем двигаться дальше!
Суть строчно-блочных элементов в том, что к ним могут применяться свойства и того, и другого типа элементов одновременно. Например, элементы расположены на одном уровне (строке), но при этом имеют родительское позиционирование и содержат другие блоки (об этом позже).
Зачем это может понадобиться? Не проще оставить два типа элементов и не париться? Стандарт HTML5 предусматривает встроенные элементы подобного типа для более удобного управления ими как программно, так и "пользовательски".
Но в чем удобство? Все, что написано выше, пока просто слова. Надо доказать логичность такой классификации. Строчно-блочный элемент более пластичен для стилизации и кастомизации. У него больший спектр свойств. Он может быть гибким и адаптивным.