شرح صفوف ومحتوى الفقرة
يمتلك كل عنصر في لغة HTML سلوك عرض افتراضي أصيل يحكمه نموذج التنسيق البصري في المتصفح. وتنقسم العناصر في جوهرها الهيكلي إلى فئتين رئيسيتين: العناصر الكتلية Block-level والعناصر السطرية Inline-level. ويعتبر فهم الطريقة التي يتدفق بها كل نوع على مساحة الصفحة حجر الأساس في بناء تخطيطات ويب سليمة ومتماسكة.
HTML
<!-- Block element reserves full width -->
<div>Full width container</div>
<!-- Inline elements flow together on the same line -->
<span>First word</span>
<a href="#">Link target</a>
<strong>Emphasized</strong>يبدأ العنصر الكتلي دائماً من سطر جديد ومستقل على الشاشة، ويتمدد أفقياً ليشغل كامل العرض المتاح له داخل الحاوية الأم بنسبة 100%، مما يدفع أي عنصر يليه إلى السطر التالي تلقائياً. وفي المقابل، لا يحجز العنصر السطري سوى المساحة الدقيقة التي يحتاجها محتواه الداخلي فقط، وينساب بنعومة بجانب الكلمات المجاورة دون كسر تدفق السطر.