Can someone help me figure out why clear:left is not working to clear the orange div under the yellow one in my code snippet?
#parent {
height:300px;
width:100px;
float:left;
border: 1px solid;
}
#unknown {
float:right;
height:50px;
width:20px;
clear:left; /* I expected this to make the child (orange) div float underneath, but it's not happening */
background-color: yellow
}
#child {
float:right;
height:100px;
width:50px;
background-color: orange;
/*text-align: center;*/
}