Dúvida float - test 01

Olá, Luiz! Tudo certo? =)

Acredito que o CSS seja um pouco diferente do seu:

.1 {
    width: 40px;
    height: 40px;
    float: left;
    background-color: red;
}

.2 {
    width: 40px;
    height: 40px;
    float: left;
    background-color: blue;
}

.3 {
    width: 80px;
    height: 80px;
    float: right;
    background-color: green;
}

.4 {
    width: 40px;
    height: 40px;
    float: left;
    clear: left;
    background-color: orange;
}

.5 {
    width: 40px;
    height: 40px;
    clear: both;
    background-color: pink;
}

Toma um cuidado que a propriedade float é você dizendo para qual lado você quer que o elemento "flutue". Nesse caso não faz muito sentido colocar o valor both, percebe? Ou passamos o valor, left, right, ou none, que representam o elemento "flutuando" para a esquerda, direita ou nenhum lado, respectivamente. =)

O valor both é usado na propriedade clear, que é você informando que o elemento não terá nenhum elemento "flutuando" em nenhum de seus lados. =)

Ahh, e só mais uma coisa... Quando for inserir código, não se esqueça de apertar o botão "Inserir código", caso contrário pode ficar um pouco difícil de visualizar o código. E às vezes, o próprio browser interpreta seu código - se for HTML, por exemplo...

Espero ter ajudado, mas qualquer dúvida não deixe de postar por aqui para podermos ajudá-lo!

Abraços e bons estudos,

Fábio