Установка свойства float
По умолчанию содержимое элемента block занимает всю ширину окна браузера, предшествующий текст документа размещается выше, а последующий текст документа – ниже содержимого элемента, подобно абзацу в обычном текстовом документе. Однако у вас есть возможность воспользоваться свойством float , чтобы отобразить содержимое элемента block рядом (т.е. слева или справа) от следующего за элементом текста.
Вы можете устанавливать в качестве значений свойства float следующие три ключевых слова, представленные в таблице 7.15.
left | Отображает содержимое элемента слева от последующего текста документа |
right | Отображает содержимое элемента справа от последующего текста документа |
none (по умолчанию) | Отключает функцию обтекаемого размещения. Элемент при этом размещается как обычный элемент block . То есть, предшествующий текст документа – выше его, а последующий – ниже |
В упражнениях двух последующих разделов вы научитесь использовать свойство float для создания поля примечаний, а также размещать обтекаемое изображение рядом с текстом элемента.