--- title: Строчные элементы slug: Web/HTML/Inline_elements translation_of: Web/HTML/Inline_elements original_slug: Web/HTML/Строчные_Элементы ---

Определение

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

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

Пример строчного элемента

HTML

<p>Этот элемент <span>span</span> строчный; цвет его фона изменён, чтобы показать начало и конец элемента.</p>

CSS

span { background-color: #8ABB55; }

{{ EmbedLiveSample('Inline_example') }}

Строчные vs. блочные

Модель контента
Как правило, встроенные элементы могут содержать только данные и другие встроенные элементы. Вы не можете помещать элементы блока внутри встроенных элементов.
Форматирование
По умолчанию встроенные элементы не заставляют новую строку начинаться в потоке документа. С другой стороны, элементы блока обычно вызывают разрыв строки (хотя, как обычно, это можно изменить с помощью CSS).

Элементы

Следующие элементы являются строчными:

Смотрите также