كيف يتم عمل هذا بـ CSS

[Abo-Ahmed]

السلام عليكم ورحمة الله وبركاتة ،،


ارجوا ممن لديه خبرة في <div> مع CSS

يخبرني كيف اجعل ثلاث صناديق في صفح واحد او اربعة او خمسة صناديق مثل ماهو موضح في الصورة حيث قمت بإستخدام الجدول table
لا اريد ان استخدم table في موقع لأنها بطيئة
اريد ان استخدم <div> مع CSS



وفقكم الله ،،

[owner]

تفضل هذا الكود

<div id="container">
 <div class="td" style="background-color:#800000">
  First Div</div>
 <div class="td" style="background-color:#008000">
 2nd Div</div>
 <div class="td" style="background-color:#FF0000">
 3rd Div</div>
 <div class="td" style="background-color:#00FFFF">
 4th Div</div>
</div>

وهذا كود الـcss

#container {
}
#container .td {
 width: 25%;
 float: right;
}

قسمته الى 4 اجزاء لو حبيت يكونو 3 غير width: 25%; الى 33% (اقسم عدد الصفوف على 100)

[Abo-Ahmed]

شكرا لك اخي الفاضل owner

أسئل الله لك التوفيق بحياتك دوماً