Pensei que se eu colocasse um float right na caixa 4 ela iria se alinhar a direito do seu elemento predecessor, ou seja, ficaria a direita da caixa 3. Acho que ela ficaria somente a esquerda da caixa 3 se a caixa 3 tivesse clear: right.
Solucionado
Pensei que se eu colocasse um float right na caixa 4 ela iria se alinhar a direito do seu elemento predecessor, ou seja, ficaria a direita da caixa 3. Acho que ela ficaria somente a esquerda da caixa 3 se a caixa 3 tivesse clear: right.
David,
Se a caixa 3 tivesse clear:right, qualquer coisa à direita dela seria empurrado para baixo! Ele limpa (clear) tudo à direita dela.
E vale lembrar que o right funciona diferente na ordem dos elementos. O elemento da caixa 3 foi escrito no código HTML primeiro que o da caixa 4. Ou seja, a caixa 3 vai ficar à direita primeiro que a caixa 4. Logo em seguida, a caixa 4 será alinhada à direita. Porém, como já existe a caixa 3 ali alinhada, ela fica à esquerda da caixa 3. Como o exercício pede.
Entendeu?