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

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

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

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

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

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

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

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

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

Повторете ја страницата според овој пример: