Propriedade float para blocos em CSS
A propriedade float é aplicável não apenas
a imagens, mas também a qualquer outro bloco.
Vamos verificar isso.
Suponha que temos um bloco pai com a classe parent,
e dentro dele há texto e um bloco filho
com a classe child. Ambos os blocos têm
borda definida, e o filho também tem largura e altura:
<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;
}
:
Agora, vamos definir float para o filho
como left - o texto começará a envolver
nosso bloco:
<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;
}
:
