محاذاة كتلتين div على نفس السطر

من أجل محاذاة كتلتين div على نفس الخط الأفقي ، يمكننا استخدام CSS وخاصية العرض. إليك كيفية تحقيق ذلك:

css

#block_container {
    text-align: center;
}

#bloc1, #bloc2 {
    display: inline;
}

html

عن طريق تعيين محاذاة النص للحاوية إلى المركز وعرض divs الطفل إلى الخط ، فإننا نضمن أن تتدفق العناصر أفقيًا داخل الحاوية الخاصة بهم وتتركز وفقًا لذلك.

ملاحظات إضافية

يوصى بتجنب وضع المحتوى الخام مباشرة في عناصر div. بدلاً من ذلك ، استخدم علامات HTML المناسبة مثل

أو لتوفير المعنى الدلالي للمحتوى الخاص بك.