Својството 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 за горните елементи