Bir block elementi içindeki width değerine sahip her bir ögeye inline-block özelliği verirseniz, ögeler kapsayıcısının boyutu dahilinde yan yana gelir. Float kullanırsanız, sanki kapsayıcısı:after şeklinde bir content varmış gibi ek css yazmanız gerekir (ki bu clearfix olarak bilinir).

Siz clear both diyene kadar float devam eder.
Float yerine inline-block kullanın derim