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.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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?