Float: right; e Clear: both;

OBS: .BLOCO3
CLEAR: BOTH ; NÃO FUNCIONOU ?
O BLOCO 3 ESTÁ COM O BLOCO 4 ENCOSTADO A SUA ESQUERDA.
FICO GRATO SE ALGUÉM EXPLICAR?



.container {
text-align: center;
line-height: 200px;
font-size: 50px;
}
.bloco1 {
height:200px; width: 200px;
background: #00FFFF;
float: right;
}
.bloco2 {
height:200px; width: 200px;
background: #FF4500;
float: right;
}
.bloco3 {
height:200px; width: 200px;
background: #7B68EE;
float: right;
clear: both;
}
.bloco4 {
height:200px; width: 200px;
background: #FFFF00;
float: right;
}
.bloco5 {
height:400px; width: 400px;
background: #FF1493 ;
line-height: 400px;
float: right;
}