CSS-de bloklar üçin float aýratynlygy
float aýratynlygy diňe suratlara däl,
eýsem başga islendik bloklara hem degişlidir.
Geliň muny barlalyň.
Bizde parent klasly ata-blok bolsun,
onuň içinde tekst we child klasly
perzant-blok bardyr. Iki bloka hem çägäniň görkezmeleri berlen,
perzanta bolsa giňişlik we beýiklik hem berlen:
<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;
}
:
Indi perzanta float aýratynlygyny
left bahasyna bereliň - tekst biziň blokyň
döwreşip başlar:
<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;
}
: