Свойство float

Свойство float - задает плавающие блоки, которые будут обтекаться текстом. Свойство float иногда всего используется совместно со свойством clear, которое отменяет обтекание элемента.

Хотя изначально float был придуман для вставки обтекаемых блоков в текст, в настоящее время он используется очень широко и нестандартным образом для построения макетов.

Синтаксис

cssселектор {
  float: left | right | none;
}

cssселектор {
  clear: both | left | right | none;
}

Значения для float

Значение по умолчанию: none.

Значения для clear

Значение по умолчанию: none.

Пример

Используем float нестандартным образом, поставив пункты списка в линию:

html<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

cssli {
  float: left;
  border: 1px solid red;
}

Результат:

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