شرح صفوف ومحتوى الفقرة
ترتبط خصائص الصندوق التقليدية في CSS — مثل margin-left وpadding-right وborder-left وright: 12px — باتجاهات الشاشة الفيزيائية الثابتة. فعند تصميم بطاقة تنبيه إنجليزية بشريط جانبي عبر border-left وهامش أيقونة عبر margin-right، تنكسر الواجهة فوراً عند تحويل الصفحة إلى العربية dir="rtl"؛ إذ يظل الشريط عالقاً في اليسار خلف نهاية الجملة وتلتصق الأيقونة بالكلمة العربية الأولى.
تحل الخصائص المنطقية هذه المشكلة جذرياً؛ فبدلاً من تقييد التصميم باليمين واليسار الثابتين، تصف الأبعاد والمسافات نسبةً إلى بداية التدفق ونهايته، ليتكيف ملف أنماط واحد تلقائياً مع العربية والإنجليزية دون كتابة قواعد استثنائية مكررة.
