Властивість float застосовується не тільки
до картинок, але й до будь-яких інших блоків.
Давайте перевіримо це.
Нехай у нас є див-батько з класом parent,
а всередині нього знаходиться текст і див-нащадок
з класом child. Обом дивам задана
межа, а дивую нащадку ще й ширина з висотою:
<div class="parent">
<div class="child"></div>
довгий текст
</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>
довгий текст
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
float: left;
width: 200px;
height: 100px;
border: 1px solid green;
}
: