height when containing floating

Question

I have a list:

 
Number 1
 
Number 2
 
Number 3
 ...

All

Answer 1

Here, i am presenting, one of the easiest way to handle this kind of situations.

Float left always have some reaction and not good to use if we have some alternative of it.

The Alternative is :

li { display:inline-block; }

No need to add extra code like float:left and overflow:hidden :)