В CSS содержимое, участвующее во встроенном макете, называется содержимым встроенного уровня . Большинство текстовых последовательностей, замененных элементов и сгенерированного контента по умолчанию находятся на встроенном уровне.
Во встроенной компоновке смешанный поток текста, замененные элементы и другие встроенные блоки размещаются путем их фрагментации в стопку строковых блоков. Внутри каждого линейного блока блоки встроенного уровня выравниваются относительно друг друга по вертикали или горизонтали, в зависимости от режима записи. Как правило, они выравниваются по базовой линии текста. Это можно изменить с помощью CSS.
встроенный макет Примечание. Элементы HTML ( язык гипертекстовой разметки ) исторически классифицировались как элементы «блочного уровня» или «встроенные» элементы. В качестве характеристики представления это теперь определяется CSS.
Примеры HTML Играть Скопировать в буфер обмена
<p>
This span is an <span class="highlight">inline-level element</span>; its background has been colored to display both the beginning and end of the element's influence. Input elements, like <input type="radio" /> and <input type="checkbox" />, are also inline-level content.
</p> В этом примере <p>элемент содержит текст. Внутри этого текста находится <span>элемент и два <input>элемента, которые являются элементами строкового уровня. Если текст <span>распределен по двум строкам, создаются два линейных поля. Поскольку эти элементы являются встроенными, абзац корректно отображается как один абзац непрерывного текстового потока: