Теги HTML разделены на два типа: встроенные элементы и элементы уровня блока. Во-первых, давайте поймем концепции встроенных элементов и элементов уровня блока:
Элементы уровня блока: как правило, это контейнер для других элементов, который может вместить встроенные элементы и другие элементы уровня блока. Элементы на уровне блока отвергают другие элементы в том же ряду, что и они. Вы можете установить атрибуты ширины (ширина) и высоты (высота). Элементы уровня блока в нормальных потоках будут размещены вертикально. Общие элементы блока - это дивизион Встроенные элементы (встроенные элементы): встроенные элементы могут вместить только текстовые или другие встроенные элементы и являются потомками элементов уровня блока. Они позволяют другим встроенным элементам быть на той же линии, что и они, и не могут установить высоту и ширину. Общий встроенный элемент - это.Согласно концепции элементов на уровне блоков, мы можем понять, что элементы уровня блока имеют разрывы линии до и после, что эквивалентно добавлению тега <br> до и после элемента. Мы можем думать о элементах уровня блока как блока или прямоугольника, чтобы элементы уровня блока могли установить атрибут ширины высоты
пример:
Файл CSS:
Скопировать код