FrontendBook | HTML Блочные & Строчные Элементы

HTML Блочные & Строчные Элементы

Каждый элемент HTML имеет отображаемое значение по умолчанию, в зависимости от типа элемента. Есть два отображаемых значения:

  • Блочные элементы
  • Строчные элементы

HTML элементы блочного уровня

Блочный элемент всегда начинается с новой строки и растягивается влево и вправо, насколько это возможно, т. е. он занимает все горизонтальное пространство своего родительского элемента, а его высота равна высоте содержимого.

Вот элементы блочного уровня в HTML:

HTML Строчные элементы

Строчный элемент противоположен блочному элементу. Он не начинается с новой строки и занимает только необходимую ширину, т. е. занимает только пространство, ограниченное тегами, определяющими элемент HTML, вместо того, чтобы прерывать поток содержимого.

Строчный элемент не может содержать элемент блочного уровня!

Вот строчные элементы в HTML: