Својството float за блокови во CSS

Својството float е применливо не само на слики, туку и на сите други блокови.

Ајде да го провериме ова.

Нека имаме родителски блок со класа parent, а во него се наоѓа текст и дете блок со класа child. На двата блокови им е зададена граница, а на детето уште и ширина со висина:

html<div class="parent">
  <div class="child"></div>
  some long text
</div>

css.parent {
  border: 1px solid red;
  text-align: justify;
}
.child {
  width: 200px;
  height: 100px;
  border: 1px solid green;
}

Результат:

Сега ајде на детето да поставиме float со вредност left - текстот ќе почне да го обиколува нашиот блок:

html<div class="parent">
  <div class="child"></div>
  some long text
</div>

css.parent {
  border: 1px solid red;
  text-align: justify;
}
.child {
  float: left;
  width: 200px;
  height: 100px;
  border: 1px solid green;
}

Результат: