Основы CSS: позиция и плавающая точка

CSS предоставляет свойства для позиционирования и плавания, которые позволяют создавать столбчатые макеты, перекрывать одну часть макета другой и выполнять задачи, которые в течение многих лет часто требовали использования нескольких таблиц.
Основная идея позиционирования проста: она позволяет вам определить, где должен располагаться блок элемента относительно его обычного положения или относительно родительского элемента, другого элемента или даже самого окна браузера. Очевидно, что эта функция очень мощная и удивительная. Неудивительно, что пользовательские агенты поддерживают позиционирование в CSS2 гораздо лучше, чем другие аспекты.
С другой стороны, плавающие числа впервые были представлены в CSS1 и были основаны на функции, добавленной Netscape на заре Интернета. Плавающее расположение — это не совсем позиционирование, но это, конечно, и не обычный потоковый макет. Мы разъясним значение float в следующей главе.

все в рамке

Элемент div, h1 или p часто называют элементом уровня блока. Это означает, что эти элементы отображаются как блок контента, «блок-бокс». Напротив, такие элементы, как span иstrong, называются «встроенными элементами», поскольку их содержимое отображается внутри строки, «встроенного блока».
Вы можете изменить тип создаваемого поля с помощью свойства display. Это означает, что вы можете заставить встроенные элементы (такие как элементы ) вести себя как элементы уровня блока, установив для свойства display значение Block. Вы также можете установить для отображения значение none, чтобы сгенерированный элемент вообще не имел поля. Таким образом, поле и все его содержимое больше не будут видны и не займут места в документе.
Но в одном случае элементы уровня блока создаются даже без явного определения. Это происходит, когда вы добавляете текст в начало элемента уровня блока (например, div). Даже если текст не определен как абзац, он будет рассматриваться как таковой:

Пример исходного кода [www.downcodes.com]

<дел>
какой-то текст

Еще немного текста.