jsfiddle: http://jsfiddle.net/PTSkR/195/
I'm attempting to keep the small blue box snugly in the corner, positioned below the red box and to the right of the large blue box. How can this positioning be accomplished?
CSS:
.floated{
background-color: blue;
color: white;
padding: 5px;
float: left;
display: block;
}
.big{
height: 300px;
}
.with-padding{
padding: 50px;
}
.yellow{
background-color: red;
}
HTML:
<div class='floated big'>FLOATED BIG</div>
<div class='floated with-padding yellow'>SHOULD BE NEXT TO FLOATED BIG</div>
<div class='floated'>push down</div>