Penetrasi Elemen Mengambang Melalui Tag di CSS
Sekarang misalkan teks ditempatkan dalam paragraf,
dan gambar, yang diberikan properti float
berada di atas paragraf-paragraf ini. Dalam kasus ini
semua akan bekerja, seperti sebelumnya - keberadaan
tag lain tidak mengganggu pelampungan:
<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;
}
:
Sekarang misalkan di paragraf pertama hanya ada sedikit teks - dalam kasus ini gambar akan masuk dan mengenai paragraf kedua:
<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;
}
:
