CSS'te Bloklar için float Özelliği
float özelliği sadece
resimlere değil, diğer tüm bloklara da uygulanabilir.
Bunu test edelim.
Diyelim ki parent sınıfına sahip bir üst blok ve onun içinde metin ile
child sınıfına sahip bir alt blok var.
Her iki bloğa da kenarlık tanımlandı, alt bloğa ise ayrıca genişlik ve yükseklik verildi:
<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;
}
:
Şimdi alt bloğun float değerini
left olarak ayarlayalım - metin bloğumuzun etrafını saracak:
<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;
}
:
