Својство float

Својство float - задаје плутајуће блокове, око којих ће текст да тече. Својство float се понекад користи заједно са својством clear, које поништава протицање елемента.

Иако је float првобитно осмишљен за уметање блокова око којих текст тече, у садашњости се веома широко и нестандардно користи за израду макета.

Синтакса

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

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

Вредности за float

Вредност	Опис
`left`	Блок ће да плута лево, а текст ће да тече око њега десно.
`right`	Блок ће да плута десно, а текст ће да тече око њега лево.
`none`	Нема протицања.

Подразумевана вредност: none.

Вредности за clear

Вредност	Опис
`left`	Поништава протицање са леве стране.
`right`	Поништава протицање са десне стране.
`both`	Поништава протицање и са леве и са десне стране.
`none`	Нема поништавања протицања.

Подразумевана вредност: 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;
}

Результат:

Погледајте такође

својство clear,
које поништава float за претходне елементе