Pătrunzerea elementelor flotante prin tag-uri în CSS
Să presupunem acum că textul este plasat în paragrafe,
iar imaginea, căreia i se atribuie proprietatea float
se află deasupra acestor paragrafe. În acest caz
totul va funcționa, așa cum a funcționat - prezența
altor tag-uri nu interferează cu flow-ul:
<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;
}
:
Să presupunem acum că în primul paragraf este puțin text - în acest caz imaginea va pătrunde și în al doilea paragraf:
<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;
}
:
