clear both whitespace

Its common to use clear:both style to push the parent container box to fit the height nicely.
It recent finding, realized when ever there is a float div above it, it will cause a huge white space to the container.
One way to fix it is to set the parent container: overflow: hidden

Centering position: absolute div

Here is the trick :)

.myclass {
position: absolute;
left: 25%;
top: 0;
}

if you need the center based on the parent starting position, makesure the parent have:

position: relative;