Simple float clearing in Mozilla (using overflow:hidden)

testing clear

Some descriptive text

testing clear

Some descriptive text thats a bit longer :

testing clear

Some descriptive text

testing clear

Some descriptive text thats a bit longer :

testing clear

Some descriptive text

Content following afterwards

Without overflow:hidden the page would be displayed as below in mozilla (you need to be using mozilla to see this in effect)

testing clear

Some descriptive text

testing clear

Some descriptive text thats a bit longer :

testing clear

Some descriptive text

testing clear

Some descriptive text thats a bit longer :

testing clear

Some descriptive text

Content following afterwards

The technique is best used in simple situations as above. Opera and ie will clear anyway as the elements have widths defined.