The last positioning model is the float model. A floated box can either be shifted to the
left or the right until its outer edge touches the edge of its containing box, or another
floated box. Because floated boxes aren’t in the normal flow of the document, block
boxes in the regular flow of the document behave as if the floated box wasn’t there.
it from view. If you float all three boxes to the left, Box 1 is shifted left until it touches its
containing box, and the other two boxes are shifted left until they touch the preceding
floated box.
.news p { Floats take up no space
float: right;
}
Container now encloses floats
.clear {
clear: both;
}
