.container {
width: 400px;
}
.primeiro {
background-color: red;
float:left;
}
.segundo {
background-color: blue;
float:left;
}
.terceiro {
width: 200px;
height: 200px;
line-height: 200px;
background-color: green;
float:left;
}
.quarto {
background-color: orange;
float:right;
}
.quinto {
background-color: magenta;
float:right;
}
Oi Cintia, tudo bem?
Legal que voce está pegando esses desafios de float.
Do jeito que está seu código o 4 e o 5 ficam pra direita, mas eles precisam ficar para que lado exatamente?
Tente mudar isso e vai ficar assim:
Agora o 3 tambem precisa de um float, tente mudar tambem a direcao dele. Vai ficar como proposto no exercicio:
Agora vou deixar outro desafio. Tente deixar desta forma:
Espero ter ajudado,
Abcs!
Muito obrigado, foi de grande ajuda e também consegui realizar o seu desafio. É dessa forma mesmo? .container { width: 400px; } .primeiro { background-color: red; float:left; clear: both; } .segundo { background-color: blue; float:left; clear:both; } .terceiro { width: 200px; height: 200px; line-height: 200px; background-color: green; float:right; } .quarto { background-color: orange; float:right; } .quinto { background-color: magenta; float:left; }