Random Bits and Pieces :: css http://www.foldr.org/~michaelw/log Michael Weber en Thu, 18 Aug 2005 08:46:00 GMT blosxom ver.2.0 Clearing Floats Without Structural Markup http://www.foldr.org/~michaelw/log/css/clearing-floats http://www.foldr.org/~michaelw/log/css/clearing-floats http://www.foldr.org/~michaelw/log/css/ Thu, 18 Aug 2005 08:46:00 GMT clear float without structural markup. The technique is used on this site. 

.clearfloat:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
Floating content here
Normal content here.

Observe how the floating box overlaps the bottom border of its container.

Floating content here
Normal content here. The floating box is fully enclosed in the container.
]]> http://www.foldr.org/~michaelw/log/css/clearing-floats#writeback