لدى مشكلة فى تقسيم ال div داخل صفحة html

لا يوجد معيار أساسي لتقسيم ال divs داخل صفحة Html بل يكون التقسيم حسب الحاجة وحسب ما تريد أن تفعله أنت في التصميم. ال div يأخد خاصية display:block تلقائيا أي أن العرض الخاص به 100% دون تدخل منك ولكن أحيانا نحتاج وضع ال divs بجانب بعضها البعض أو نقسمها بطريقة مخصصة هنا يأتي دور التصميم ووضع بعض خواص Css للديف مثلا أن تحدد عرضه وارتفاعه وهكذا. على سبيل المثال سوف نحاول وضع اثنين من div بجانب بعضهم البعض باستخدام خاصية Css التي تسمى Float وتحديد طول وعرض ال div من خلال الكود التالي: