2
respostas

Não estou conseguindo fazer o quinto e o quarta ficar em baixo do 1 e do 2. O que está faltando?

.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;
}
2 respostas

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; }