Float boxes side by side:
Some text inside the box.
Some text inside the box.
Some text inside the box.
اگر به کد ها دقت کنید متوجه خواهید شد که ما از راه حل clearfix استفاده کرده ایم و همچنین از box-sizing نیز بهره گرفته ایم تا مطمئن شویم اندازه ی این قسمت های مختلف و مربعی شکل به خاطر padding و اینطور خصوصیت ها بهم نمیریزد. برای مشاهده ی اثر آنها، می توانید این دو دستور را از کد ها حذف کنید.