CSSda suzuvchi elementlarning teglar orqali kirib kelishi
Endi faraz qilaylik, matn abzatslarda joylashgan,
va float xususiyati berilgan rasm
ushbu abzatslarning ustida joylashgan. Bu holda
hamma narsa ilgari ishlagandek ishlaydi -
boshqa teglarning mavjudligi oqimga xalaqit bermaydi:
<div>
<img src="img.png" alt="">
<p>
some long text
</p>
<p>
some long text
</p>
</div>
div {
width: 400px;
border: 1px solid red;
text-align: justify;
}
img {
float: left;
}
:
Endi faraz qilaylik, birinchi abzatsda matn oz - bu holda rasm ikkinchi abzatsga ham kirib keladi:
<div>
<img src="img.png" alt="">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire.
</p>
<p>
some long text
</p>
</div>
div {
width: 400px;
border: 1px solid red;
text-align: justify;
}
img {
float: left;
}
: